I added the UIKit to a vanilla NextJS app, following the instructions at Build a Next.js app for chat messaging: Adding Sendbird UIKit to a Next.js app | Sendbird.
When I tried to build, I saw an error:
Attempted import error: 'WavHeader' is not exported from '../lame.all.js' (imported as '$dd7ee3788d91dcb8$export$cb948f2d6837f136'). Import trace for requested module: ../../node_modules/@sendbird/uikit-react/chunks/bundle-KkDaqYo6.js ../../node_modules/@sendbird/uikit-react/VoiceRecorder/context.js ../../node_modules/@sendbird/uikit-react/App.js ./app/components/Chat.tsx ./app/page.tsx
I’m able to workaround this by using NextJS 13.5.1
// If problem, please fill out the below. If question, please delete.
Follow instructions at Build a Next.js app for chat messaging: Adding Sendbird UIKit to a Next.js app | Sendbird with a vanilla NextJS 14.0.3 (latest) build.
High impact. Workaround was to revert NextJS to 13.5.1 and then everything built as expected