use of client components causes error in 13.0.7-canary.3

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 10 Pro
Binaries:
  Node: 18.4.0
  npm: N/A
  Yarn: N/A
  pnpm: N/A
Relevant packages:
  next: 13.0.7-canary.3
  eslint-config-next: 13.0.7-canary.3
  react: 18.2.0
  react-dom: 18.2.0

Which area(s) of Next.js are affected? (leave empty if unsure)

No response

Link to the code that reproduces this issue

https://github.com/rafma0/next-brokenuseclient ㅤ

To Reproduce

Test.tsx

'use client'

export default function Test () {
  return (
    <p>test</p>
  )
}

page.tsx

import Test from './Test'

export default function HomePage () {
  return (
    <Test />
  )
}

Describe the Bug

Trying to use a client component in server page results in

Uncaught TypeError: Cannot read properties of undefined (reading 'call')
The above error occurred in the <NotFoundErrorBoundary> component
Uncaught Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.

Expected Behavior

The same code works fine in 13.0.7-canary.1

Which browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

[bruceharrison1984]

I’m getting this same error when running the OOTB project per https://beta.nextjs.org/docs/installation. Production build works fine, dev throws this error.

Windows 10

13.0.8-canary.0 fixed my issue. Nice job!

[e2goon]

I also get this error after the update from 13.0.7 to 13.0.7-canary.6.

Windows 11

// layout.tsx

import Link from "next/link";
import { PropsWithChildren } from "react";

export default function Layout({ params, children }: PropsWithChildren<any>) {
  return (
    <div>
      <div>
        <Link href={`/${params.lang}/`}>Home</Link>
        <Link href={`/${params.lang}/versions`}>Versions</Link>
      </div>
      <div>{children}</div>
    </div>
  );
}