search

cristian-azocar / react-code-auto-typing

Automatic code writing animation with highlighting included
MIT License
6 stars 0 forks source link

Unable to use in my Nextjs 14 version #1

Open nazmul162001 opened 9 months ago

nazmul162001 commented 9 months ago

=== I am Trying this way but I got this error in my browser

import React from "react"; import CodeAutoTyping from "react-code-auto-typing";

const snippet = "console.log('Hello World');";

const BannerRight = () => { return (

{snippet}

); };

export default BannerRight;

========== --- - ERROR ----

"Error: Super expression must either be null or a function, not undefined"

====

This is my package.json file

"dependencies": { "@radix-ui/react-slot": "^1.0.2", "@reduxjs/toolkit": "^2.0.1", "class-variance-authority": "^0.7.0", "clsx": "^2.0.0", "lucide-react": "^0.298.0", "next": "14.0.4", "react": "^18", "react-code-auto-typing": "^1.0.5", "react-dom": "^18", "react-icons": "^4.12.0", "react-redux": "^9.0.4", "tailwind-merge": "^2.1.0", "tailwindcss-animate": "^1.0.7" }, "devDependencies": { "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "autoprefixer": "^10.0.1", "eslint": "^8", "eslint-config-next": "14.0.4", "postcss": "^8", "tailwindcss": "^3.3.0", "typescript": "^5" }

cristian-azocar commented 9 months ago

Hi @nazmul162001, thanks for bringing this up. If you add 'use client'; to the top of the file it will work. Please let me know how it goes.