Hello,
I'm trying to display spine animation on ReactJS project using runtime NPM. I found @esotericsoftware/spine-player, but after installing it my site can't load anymore and get the following error (I wonder if spine player automatically imports a 3D related module during loading?)
TypeError: Vector3 is not a constructor

What I have tried:

Search for related errors but got no results
Delete node_modules and reinstall but the problem is still there unless I remove spine player npm.

Here are the dependencies and versions I am using.
"dependencies": {
"@emotion/react": "¹¹.13.3",
"@emotion/styled": "¹¹.13.0",
"@esotericsoftware/spine-phaser": "₄.2.62",
"@esotericsoftware/spine-player": "₄.2.18",
"@fontsource-variable/quicksand": "⁵.1.0",
"@mui/icons-material": "⁶.0.2",
"@mui/material": "⁶.0.2",
"@reduxjs/toolkit": "².2.7",
"axios": "¹.7.7",
"formik": "².4.6",
"framer-motion": "¹¹.5.4",
"i18next": "²⁴.2.3",
"i18next-browser-languagedetector": "⁸.0.4",
"i18next-http-backend": "³.0.2",
"notistack": "³.0.1",
"phaser": "³.88.2",
"react": "¹⁸.3.1",
"react-dom": "¹⁸.3.1",
"react-i18next": "¹⁵.4.1",
"react-redux": "⁹.1.2",
"react-router-dom": "⁶.26.2",
"react-slick": "⁰.30.2",
"react-zoom-pan-pinch": "³.7.0",
"slick-carousel": "¹.8.1",
"socket.io-client": "⁴.8.0",
"yup": "¹.4.0"
},
"devDependencies": {
"@eslint/js": "⁹.9.0",
"@types/react": "¹⁸.3.3",
"@types/react-dom": "¹⁸.3.0",
"@types/react-slick": "⁰.23.13",
"@vitejs/plugin-react": "⁴.3.1",
"eslint": "⁹.9.0",
"eslint-plugin-react-hooks": "⁵.1.0-rc.0",
"eslint-plugin-react-refresh": "⁰.4.9",
"globals": "¹⁵.9.0",
"typescript": "⁵.5.3",
"typescript-eslint": "⁸.0.1",
"vite": "⁵.4.1"
}

Thank you in advance!