[bug]: /docs/components/line-shadow-text

[rickyzhangca]

Describe the bug

with a clean setup, it gives this error

TypeError: {imported module [project]/nodemodules/.pnpm/motion@12.16.0react-dom@19.1.0react@19.1.0__react@19.1.0/nodemodules/motion/dist/es/motion/lib/react.mjs [app-rsc] (ecmascript)}.motion.create is not a function

To Reproduce
Steps to reproduce the behavior:

1. spin up a shadcn x nextjs project
2. install the component with pnpm dlx shadcn@latest add "https://magicui.design/r/line-shadow-text"
3. run dev server

Expected behavior

text should render

Screenshots

Desktop (please complete the following information):

• OS: latest MacOS
• Browser: latest Chrome

[rickyzhangca]

magicui/registry/magicui/line-shadow-text.tsx

Line 18 in 55c4de1

const MotionComponent = motion.create(Component);

seesm that it should be const MotionComponent = motion(Component); instead

[warun7]

that wouldnt work since the function is client side but the component is rendered server side, you would either have to put the "use client" directive at the top which would make it run client side or write some css to avoid using framer motion while still making it a server side rendered component. If any maintainers are seeing this, let me know which option you would prefer and I could open a pr for this.

[itsarghyadas]

I’m unable to reproduce the error. I installed both the component and the demo using the latest versions of React and Framer Motion, and everything seems to be working as expected.

Please let me know if I’m missing something.