@nadeshikon/plugin-nextjs/test/e2e/app-dir/rsc-basic/app/shared/page.js

Run Next.js seamlessly on Netlify

import ClientFromDirect from '../../components/client'
import ClientFromShared from '../../components/shared'
import SharedFromClient from '../../components/shared-client'
import Bar from '../../components/bar'

export default function Page() {
  // All three client components should be rendered correctly, but only
  // shared component is a server component, and another is a client component.
  // These two shared components should be created as two module instances.

  // It's expected to have hydration mismatch here.
  return (
    <div id="main" suppressHydrationWarning>
      {/* <Random /> */}
      <br />
      <ClientFromDirect />
      <br />
      <ClientFromShared />
      <br />
      <ClientFromShared />
      <br />
      <SharedFromClient />
      <br />
      <SharedFromClient />
      <br />
      <Bar />
    </div>
  )
}