Nextjs13 - TypeError: Cannot read properties of undefined (reading 'call')

Verify canary release

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

Which example does this report relate to?

none

What browser are you using? (if relevant)

Version 1.46.144 Chromium: 108.0.5359.128 (Official Build) (64-bit)

How are you deploying your application? (if relevant)

No response

Describe the Bug

I am trying out the new nextJS 13 app directory but i keep getting TypeError: Cannot read properties of undefined (reading 'call') on the client side when i use a component with 'use client'

i use "next": "13.0.7" AppInfo.tsx

'use client'

export default function AppInfo() {
   return (
      <>
         <h1>client</h1>
      </>
   )
} 

page.tsx

import AppInfo from './appinfo';

export default async function Dashboard() {

  return (
    <>
      <div className="flex flex-col gap-5 max-w-[1028px] mx-auto px-4">
        <h1 className="mt-5 text-3xl font-light">
          👋 Hi, <span className="font-bold text-gray-400 ">Admin</span>
        </h1>
        <AppInfo/>
      </div>
    </>
  )
}

Expected Behavior

no error

To Reproduce

AppInfo.tsx

'use client'

export default function AppInfo() {
   return (
      <>
         <h1>client</h1>
      </>
   )
} 

page.tsx

import AppInfo from './appinfo';

export default async function Dashboard() {

  return (
    <>
      <div className="flex flex-col gap-5 max-w-[1028px] mx-auto px-4">
        <h1 className="mt-5 text-3xl font-light">
          👋 Hi, <span className="font-bold text-gray-400 ">Admin</span>
        </h1>
        <AppInfo/>
      </div>
    </>
  )
}

[mehmetkursataydin]

Seems to be OK in MacOS environment but got the same error on Windows.

[Emyboy]

I’m having the same issue just by creating a new project with npx create-next-app@latest --experimental-app and typescript

This issue only occurs when I use the experimental app directory