Hydration errors with export Layout in root

[THOUSAND-SKY]

Reproduction

https://stackblitz.com/edit/remix-run-remix-zvdek1?file=app%2Froot.tsx

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (2) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 18.18.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.2.3 - /usr/local/bin/npm
    pnpm: 8.14.0 - /usr/local/bin/pnpm
  npmPackages:
    @remix-run/css-bundle: * => 2.7.2 
    @remix-run/dev: * => 2.7.2 
    @remix-run/node: * => 2.7.2 
    @remix-run/react: * => 2.7.2 
    @remix-run/serve: * => 2.7.2

Used Package Manager

npm

Expected Behavior

I would expect no hydration errors, same as without the Layout export.

Actual Behavior

There's a bunch of hydration errors. Am I using it wrong?

Warning: Expected server HTML to contain a matching <div> in <#document>.

[aaronadamsCA]

I noticed the same problem—it seems to me Layout only works with the Vite dev server.

[kiliman]

I think a lot of the new features will only be available with Vite. For example the new server folders. Now that Vite is stable I would recommend migrating to Vite.

[brophdawg11]

This is fixed by #8842 and will be available in the next release