TypeError: Super expression must either be null or a function On Nextjs 13

[logivity]

Getting above error by using simple example given.

import Typewriter from "typewriter-effect";

<Typewriter onInit={(typewriter) => { typewriter .typeString("Hello World!") .callFunction(() => { console.log("String typed out!"); }) .pauseFor(2500) .deleteAll() .callFunction(() => { console.log("All strings were deleted"); }) .start(); }} />

[abimnyud]

Are you using the appDir beta features? I had the same issue, I wrapped the Typewriter component and added 'use client' to it, and it works for now.

[Codered9]

Are you using the appDir beta features? I had the same issue, I wrapped the Typewriter component and added 'use client' to it, and it's works for now

Can you elaborate please what exactly to do. I am facing the same issue.

[abimnyud]

Are you using the appDir beta features? I had the same issue, I wrapped the Typewriter component and added 'use client' to it, and it's works for now

Can you elaborate please what exactly to do. I am facing the same issue.

You can see a working example here https://stackoverflow.com/questions/74614922/super-expression-must-either-be-null-or-a-function-nextjs-13

[kevthefoo]

Are you using the appDir beta features? I had the same issue, I wrapped the Typewriter component and added 'use client' to it, and it works for now.

Thank you! It works now!

[Poisonlocket]

Has anybody found a way to do this without the client directive? It forces my index page to be a client component even if i do it in a closed off component with the client directive and this breaks my application