Unespected #__next > div

Bug report

Describe the bug

Nextjs is rendering extra divs inside of #__next, and I don’t understand what generates them. Even removing all content from the page, the extra div is still in place.

Worst thing is, I don’t seem to be able to target that in any way. I added the following to my custom _document.js file to target the extra div:

<style>
  {`
    html,
    body,
    #__next,
    #__next > div {
      height: 100%;
      margin: 0;
      padding: 0;
    }
  `}
</style>

However, in the HTML the > symbol is encoded to > and I’m not able to escape it.

Expected behavior

Being able to target the extra div for styling, if not being able to get rid of it.

System information

• Version of Next.js: 9.0.5

[rafaelalmeidatk]

The divs are from BaseProvider, remove it and the divs will go away. To style them, do it on _app.js instead of _document.js.

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.