Three.js bloom issue with Next.js 14

I am developing simple three.js project with next.js 14.
I wanted to add bloom effect to specific mesh, so I used selectivebloom (https://react-postprocessing.docs.pmnd.rs/effects/selective-bloom).
But there is issue.

⨯ TypeError: Cannot read properties of undefined (reading 'S') at __webpack_require__ (E:\1_Work_Projects\2025\9.22_Telegram_Pokemon Card\project\.next\server\webpack-runtime.js:33:42) at eval (./src/components/ModelViewer.tsx:9:76) at (ssr)/./src/components/ModelViewer.tsx (E:\1_Work_Projects\2025\9.22_Telegram_Pokemon Card\project\.next\server\app\page.js:118:1) at Object.__webpack_require__ [as require] (E:\1_Work_Projects\2025\9.22_Telegram_Pokemon Card\project\.next\server\webpack-runtime.js:33:42) digest: "2435834722" GET / 500 in 68ms

How can I do?

Beginne in src/components/ModelViewer.tsx, wo der Stacktrace auf den fehlschlagenden Import oder das fehlschlagende Setup verweist, und reproduziere den Fehler mit der gemeldeten Next.js 14- und selective-bloom-Konfiguration. Vergleiche den serverseitigen Ladepfad mit dem clientseitigen Three.js-Setup. Als erledigt gilt die Aufgabe, wenn die Seite ohne den webpack TypeError geladen wird und der selective-bloom-Effekt weiterhin nutzbar ist.