search

dapi-labs / react-nice-avatar

react library for generating avatar
https://nice-avatar.wwayne.com
MIT License
1.05k stars 88 forks source link

TypeError: Super expression must either be null or a function #55

Open 18601673727 opened 4 months ago

18601673727 commented 4 months ago

Using with next.js v14 with app router, in server component do:

<div className="flex text-xs md:text-md gap-4">
  <Avatar className="flex-none w-10 h-10" {...genConfig(reply.author.id)} />
  <div>{reply.author.name}</div>
</div>

got error:

Server Error

TypeError: Super expression must either be null or a function
This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack
_inherits
node_modules\.pnpm\@babel+runtime@7.24.4\node_modules\@babel\runtime\helpers\inherits.js (4:1)
eval
node_modules\.pnpm\react-nice-avatar@1.5.0_react@18.2.0\node_modules\react-nice-avatar\dist\index.esm.js (1:49315)
eval
node_modules\.pnpm\react-nice-avatar@1.5.0_react@18.2.0\node_modules\react-nice-avatar\dist\index.esm.js (1:50773)
(rsc)/./node_modules/.pnpm/react-nice-avatar@1.5.0_react@18.2.0/node_modules/react-nice-avatar/dist/index.esm.js

Maybe need to look at this code? https://github.com/dapi-labs/react-nice-avatar/blob/e43d9e47d87d5dcf1337eca64fef7e51f0a5409c/src/index.tsx#L19

eulerkochy commented 1 month ago

Facing the same issue, needed to make the component client side, which is not ideal.