next/dynamic with SSR doesn't preload with functional _document component

[sam3d]

What version of Next.js are you using?

12.0.4

What version of Node.js are you using?

16.10.0

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying your application?

Vercel

Describe the Bug

There is a hydration error when using Next.js functional document component instead of class-based Document. It shows "Loading" when it should show the component. It works properly when using the standard class based _document

Expected Behavior

The page doesn't have a flash of the component loader

To Reproduce

https://github.com/sam3d/next-hydration-bug

[thibautsabot]

Hey!

It seems that _document is intended to use class component (see: #26423).

This PR, allows for a very basic example to work with functional component but this comment:

It's highly likely that anything more sophisticated than the following example will be broken by a future version of Next.js:

suggests that it's probably better to stick to class component when you can.

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.