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

[kevin420eth]

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