`Warning: Did not expect server HTML to contain a <div> in <div>.` in nextjs React-17 ssr.

Question

kmvan opened this issue 4 years ago · 5 comments

Describe the bug
Warning: Did not expect server HTML to contain a <div> in <div>. in nextjs React-17 ssr.

⚠️ Make a Codesandbox ⚠️
https://codesandbox.io/s/useportal-in-nextjs-codesandbox-container-forked-oh10i?file=/pages/index.js

To Reproduce
Run the sandbox and console shows warning message.

Expected behavior
No warning message

Answer 1 · 2020-12-17T23:13:12.000Z

I was wondering what was causing this. I will def take a look asap. Bare with me, things are kind of crazy for me right now.

Answer 2 · 2021-06-16T08:56:07.000Z

Guess we never resolved this one? I'm getting it too.

Answer 3 · 2021-06-17T19:48:06.000Z

Happy to accept a PR.

Answer 4 · 2021-06-18T00:48:58.000Z

I just sorted it out by rendering null on the server and only rendering the portal on the client.

Answer 5 · 2022-03-19T01:55:47.000Z

I just sorted it out by rendering null on the server and only rendering the portal on the client.

Same.