Hi All, I'm using VapiBlocks to integrate my Vapi assistant with a ui component library and I'm running into the following error:

⨯ TypeError: Class extends value [object Object] is not a constructor or null
    at __webpack_require__ (/workspaces/syrenn/.next/server/edge-runtime-webpack.js:37:33)
    at fn (/workspaces/syrenn/.next/server/edge-runtime-webpack.js:338:21)
    at eval (./src/hooks/use-vapi.ts:7:70)
    at (ssr)/./src/hooks/use-vapi.ts (/workspaces/syrenn/.next/server/app/demo/page.js:5486:1)
    at __webpack_require__ (/workspaces/syrenn/.next/server/edge-runtime-webpack.js:37:33)
    at fn (/workspaces/syrenn/.next/server/edge-runtime-webpack.js:338:21)
    at eval (./src/components/radial-card.tsx:11:73)
    at (ssr)/./src/components/radial-card.tsx (/workspaces/syrenn/.next/server/app/demo/page.js:5365:1)
digest: "2899551399

I'm wondering if there are others who have used VapiBlocks and if anyone has encountered this error above? UI component I'm trying to use: https://www.vapiblocks.com/components/circlewaveform vapi hook: https://www.vapiblocks.com/docs#create-the-vapi-hook System: NextJs (App router) + Cloudflare next-on-pages Thanks

I have not seen that error before - not sure what that can be.

I figured it out! I needed to ensure that my NextJS component was running rendering server side. Vapiblocks and maybe even Vapi require this. Added the lines below to my component to force SSR off:

const RadialCard = dynamic(() => import('../components/visualizer'), { ssr: false })

VapiBlocks is independent project not by Vapi. You can reach to the project creator.