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?

Inizia in src/components/ModelViewer.tsx, dove lo stack trace indica l’importazione o la configurazione che causa il problema, e riproduci l’errore con la configurazione segnalata di Next.js 14 e selective-bloom. Confronta il percorso di caricamento lato server con la configurazione di Three.js lato client. Il lavoro è completato quando la pagina viene caricata senza il webpack TypeError e l’effetto selective-bloom rimane utilizzabile.