remotion: Handle being imported in a React Server Component

[JonnyBurger]

Next.js might throw an esoteric error when importing Remotion Player in a React Server Component:

TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
    at __webpack_require__ (C:\Users\Yuvraj\Desktop\saas\.next\server\webpack-runtime.js:33:42)
    at eval (./components/VideoPlayer.tsx:7:66)
    at (rsc)/./components/VideoPlayer.tsx (C:\Users\Yuvraj\Desktop\saas\.next\server\app\page.js:239:1)
    at __webpack_require__ (C:\Users\Yuvraj\Desktop\saas\.next\server\webpack-runtime.js:33:42)

Improving the DX and suggesting to add "use client" to the top

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
bugs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 29, 2024 11:18am
remotion	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 29, 2024 11:18am