TypeError: Super expression must either be null or a function

[18601673727]

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?

react-nice-avatar/src/index.tsx

Line 19 in e43d9e4

export default class ReactNiceAvatar extends Component<NiceAvatarProps> {

[eulerkochy]

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

[JamilFilho]

I'm facing the same issue, were you able to find a solution?