How do I use external React library in Nextra ?

[basatsu]

I want to use this react external library (React chrono) .
I installed it and I'm trying to use it like below.
I created a new file named "timeline.tsx" along with the Getting Started page Vertical .
I pasted the whole Example code to timeline.tsx. and I imported that tsx file in "index.mdx".

Then I run "yarn dev" and opened in http://localhost:3000/
However , I got this error.

I just googled it but I'm not sure why this is happening.
Are you familiar with this ? or Do you have the same issue as me about external React Library in Nextra ?

In the first place, I wonder if we can't use React external libraries in Nextra....