Invalid prop `data-headlessui-state` supplied to `React.Fragment`. React.Fragment can only have `key
Answered
Leafcutting bee posted this in #help-forum
Leafcutting beeOP
How to fix this message or surpress, just to hide it? It doesn't break anything and we don't use any props on React.Fragment. Maybe some 3rd party packages... it really annoys
Answered by Anay-208 | Ping in replies
React.Fragment only accepts
key
. You can replace it with div
14 Replies
@Leafcutting bee How to fix this message or surpress, just to hide it? It doesn't break anything and we don't use any props on React.Fragment. Maybe some 3rd party packages... it really annoys
React.Fragment only accepts
key
. You can replace it with div
Answer
@Anay-208 | Ping in replies React.Fragment only accepts `key`. You can replace it with `div`
Leafcutting beeOP
I understand, but we don't use React.Fragment in code, it can be done by some UI libraries that we have no access to update
Can you open a issue in that specific Ui Library?
Leafcutting beeOP
but I'm not sure to which library it's related and even if it's related to it. I don't see any useful info in logs. Is there a way to make logs more informative?
@Anay-208 | Ping in replies is it possible to have some kind of filter function (like error middleware) in nextjs to check that error and decide what we can supress and what to throw?
headless ui
Leafcutting beeOP
@Anay-208 | Ping in replies I've just removed headless ui package and all it's usages. The error is still there
I'm unsure about that
Try searching
React.fragment
in searchLeafcutting beeOP
@Anay-208 | Ping in replies what is
xosw wsiroe
?I edited msg
Leafcutting beeOP
I see now. On project we use only key on Fragment. Anyway, thank you for trying helping me.
thats what I told here