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

[rafma0]

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

[frankandrobot]

This doesn't seem right. Otherwise, the basic hello-world example on the playground would fail.
Try repo'ing this on stackblitz or share your code

[rafma0]

@frankandrobot in stackblitz its working fine, so I guess its probably related to Windows paths again? I edited and added a repro.

[trevorpfiz]

I am running into this error as well. The same code works in 13.0.7-canary.1 and 13.0.6.

Windows 11
Chrome Version 108.0.5359.99

[tszhong0411]

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

• Windows 11
• Chrome Version 108.0.5359.96

[trevorpfiz]

Error is still happening on 13.0.7-canary.4 😞

[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>
  );
}

[huozhi]

Could you try to upgrade to 13.0.7? Should be fixed now 🙏

[tszhong0411]

Chrome and Edge:

Firefox:

Error is still happening on 13.0.7-canary.7

[andreaskromann]

I am still getting the same error as @e2goon with 13.0.7. Only in dev builds. Production builds work for me.
Windows 11 and just a clean npx create-next-app@latest --experimental-app.

[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!

[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.