Downshift requires you to have
div as the root element.
When Downshift’s child is not a
div (to extract the functionality into a different component) then getRootProps should be called.
And make sure to set the inner component’s root element
ref to the
refKey assigned in
For some reason, CodeSandbox shows the following error message.
downshift: You must apply the ref prop “innerRef” from getRootProps onto your root element.
But when deployed on Netlify, no error message occurs as shown below.
SandBox – https://codesandbox.io/s/r4nlpx3j5o
Examples on Downshift repository