search

choozn / react-parallax-mouse

A lightweight react component to add a mouse parallax effect to your website.
https://www.npmjs.com/package/react-parallax-mouse
MIT License
55 stars 9 forks source link

t.SpringValue is not a constructor #34

Closed peterp96 closed 1 year ago

peterp96 commented 1 year ago

Getting t.SpringValue is not a constructor at ./node_modules/react-parallax-mouse/dist/index.js.

image

tried with:

still getting same error.

choozn commented 1 year ago

Hey @peterp96, thanks for the bug report! Which version of react-parallax-mouse are you using?

peterp96 commented 1 year ago

I'm using react-parallax-mouse@2.0.1 & react@^18.2.0.

choozn commented 1 year ago

Could you please provide your package.json so we can exclude the possibility of a dependency mismatch? Thanks!

peterp96 commented 1 year ago

Sure, here it is:

{
    "name": "demo-animation",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
        "@testing-library/jest-dom": "^5.16.5",
        "@testing-library/react": "^13.4.0",
        "@testing-library/user-event": "^13.5.0",
        "aos": "^3.0.0-beta.6",
        "bootstrap": "^5.3.0",
        "d3-dsv": "^1.0.8",
        "d3-format": "^1.2.1",
        "d3-scale": "^1.0.7",
        "d3-time-format": "^2.1.1",
        "node-sass": "^8.0.0",
        "react": "^18.2.0",
        "react-bootstrap": "^2.7.4",
        "react-bootstrap-table-next": "^4.0.3",
        "react-bootstrap-table2-paginator": "^2.1.2",
        "react-dom": "^18.2.0",
        "react-lottie": "^1.2.3",
        "react-parallax-mouse": "^2.0.1",
        "react-router-dom": "^6.12.0",
        "react-scripts": "5.0.1",
        "react-slick": "^0.29.0",
        "react-stockcharts": "^0.7.8",
        "slick-carousel": "^1.8.1",
        "web-vitals": "^2.1.4",
        "wowjs": "^1.1.3"
    },
    "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
    },
    "eslintConfig": {
        "extends": [
            "react-app",
            "react-app/jest"
        ]
    },
    "browserslist": {
        "production": [
            ">0.2%",
            "not dead",
            "not op_mini all"
        ],
        "development": [
            "last 1 chrome version",
            "last 1 firefox version",
            "last 1 safari version"
        ]
    }
}
choozn commented 1 year ago

Thanks! I'll look into this issue when I'm back home.

choozn commented 1 year ago

Hey @peterp96! I was not able to reproduce this error in any way yet. Did you find a workaround? Did reinstalling node-modules help?

willsmillie commented 1 year ago

I also started encountering this issue a couple weeks ago... I put together a sample CRA project reproducing the bug: https://github.com/willsmillie/parallax-bug-demo

Let me know if I can provide any other info!

Thanks for looking into this!

willsmillie commented 1 year ago

Hey @choozn

I was able to resolve the issue by deleting node_modules and editing my yarn.lock file with the following changes:

"@react-spring/animated@~9.6.1":
  version "9.6.1"
  resolved "https://registry.yarnpkg.com/@react-spring/animated/-/animated-9.6.1.tgz#ccc626d847cbe346f5f8815d0928183c647eb425"
  integrity sha512-ls/rJBrAqiAYozjLo5EPPLLOb1LM0lNVQcXODTC1SMtS6DbuBCPaKco5svFUQFMP2dso3O+qcC4k9FsKc0KxMQ==
  dependencies:
    "@react-spring/shared" "~9.6.1"
    "@react-spring/types" "~9.6.1"

"@react-spring/core@~9.6.1":
  version "9.6.1"
  resolved "https://registry.yarnpkg.com/@react-spring/core/-/core-9.6.1.tgz#ebe07c20682b360b06af116ea24e2b609e778c10"
  integrity sha512-3HAAinAyCPessyQNNXe5W0OHzRfa8Yo5P748paPcmMowZ/4sMfaZ2ZB6e5x5khQI8NusOHj8nquoutd6FRY5WQ==
  dependencies:
    "@react-spring/animated" "~9.6.1"
    "@react-spring/rafz" "~9.6.1"
    "@react-spring/shared" "~9.6.1"
    "@react-spring/types" "~9.6.1"

"@react-spring/konva@~9.6.1":
  version "9.6.1"
  resolved "https://registry.yarnpkg.com/@react-spring/konva/-/konva-9.6.1.tgz#66e63da0e9681e42395e995402a7e73ba6892461"
  integrity sha512-MevnU+tnG1LPsmMRpfJfevfLtI0ObIvrwYc+Xg+kmYJe00vwMRSdulQOztKANKalFXBewwk72XrQCeRLXFaUIg==
  dependencies:
    "@react-spring/animated" "~9.6.1"
    "@react-spring/core" "~9.6.1"
    "@react-spring/shared" "~9.6.1"
    "@react-spring/types" "~9.6.1"

"@react-spring/native@~9.6.1":
  version "9.6.1"
  resolved "https://registry.yarnpkg.com/@react-spring/native/-/native-9.6.1.tgz#b66e237f2faaa4f88569d5a03b6fb0136bcdf2b9"
  integrity sha512-ZIfSytxFGLw4gYOb8gsmwG0+JZYxuM/Y1XPCXCkhuoMn+RmOYrr0kQ4gLczbmf+TRxth7OT1c8vBYz0+SCGcIQ==
  dependencies:
    "@react-spring/animated" "~9.6.1"
    "@react-spring/core" "~9.6.1"
    "@react-spring/shared" "~9.6.1"
    "@react-spring/types" "~9.6.1"

"@react-spring/rafz@~9.6.1":
  version "9.6.1"
  resolved "https://registry.yarnpkg.com/@react-spring/rafz/-/rafz-9.6.1.tgz#d71aafb92b78b24e4ff84639f52745afc285c38d"
  integrity sha512-v6qbgNRpztJFFfSE3e2W1Uz+g8KnIBs6SmzCzcVVF61GdGfGOuBrbjIcp+nUz301awVmREKi4eMQb2Ab2gGgyQ==

"@react-spring/shared@~9.6.1":
  version "9.6.1"
  resolved "https://registry.yarnpkg.com/@react-spring/shared/-/shared-9.6.1.tgz#4e2e4296910656c02bd9fd54c559702bc836ac4e"
  integrity sha512-PBFBXabxFEuF8enNLkVqMC9h5uLRBo6GQhRMQT/nRTnemVENimgRd+0ZT4yFnAQ0AxWNiJfX3qux+bW2LbG6Bw==
  dependencies:
    "@react-spring/rafz" "~9.6.1"
    "@react-spring/types" "~9.6.1"

"@react-spring/three@~9.6.1":
  version "9.6.1"
  resolved "https://registry.yarnpkg.com/@react-spring/three/-/three-9.6.1.tgz#095fcd1dc6509127c33c14486d88289b89baeb9d"
  integrity sha512-Tyw2YhZPKJAX3t2FcqvpLRb71CyTe1GvT3V+i+xJzfALgpk10uPGdGaQQ5Xrzmok1340DAeg2pR/MCfaW7b8AA==
  dependencies:
    "@react-spring/animated" "~9.6.1"
    "@react-spring/core" "~9.6.1"
    "@react-spring/shared" "~9.6.1"
    "@react-spring/types" "~9.6.1"

"@react-spring/types@~9.6.1":
  version "9.6.1"
  resolved "https://registry.yarnpkg.com/@react-spring/types/-/types-9.6.1.tgz#913d3a68c5cbc1124fdb18eff919432f7b6abdde"
  integrity sha512-POu8Mk0hIU3lRXB3bGIGe4VHIwwDsQyoD1F394OK7STTiX9w4dG3cTLljjYswkQN+hDSHRrj4O36kuVa7KPU8Q==

"@react-spring/web@~9.6.1":
  version "9.6.1"
  resolved "https://registry.yarnpkg.com/@react-spring/web/-/web-9.6.1.tgz#3e4c03b724d2b545dc2fa2649eb6109318ab9178"
  integrity sha512-X2zR6q2Z+FjsWfGAmAXlQaoUHbPmfuCaXpuM6TcwXPpLE1ZD4A1eys/wpXboFQmDkjnrlTmKvpVna1MjWpZ5Hw==
  dependencies:
    "@react-spring/animated" "~9.6.1"
    "@react-spring/core" "~9.6.1"
    "@react-spring/shared" "~9.6.1"
    "@react-spring/types" "~9.6.1"

"@react-spring/zdog@~9.6.1":
  version "9.6.1"
  resolved "https://registry.yarnpkg.com/@react-spring/zdog/-/zdog-9.6.1.tgz#5292c374e23e3846db3eb9d7557ed5a7bb40dada"
  integrity sha512-0jSGm2OFW/+/+4dkRp46KzEkcLVfzV2k6DO1om0dLDtQ4q6FpX4dmDTlRc7Apzin6VtfQONMFIGITtbqoS28MQ==
  dependencies:
    "@react-spring/animated" "~9.6.1"
    "@react-spring/core" "~9.6.1"
    "@react-spring/shared" "~9.6.1"
    "@react-spring/types" "~9.6.1"

react-spring@^9.5.5:
  version "9.6.1"
  resolved "https://registry.yarnpkg.com/react-spring/-/react-spring-9.6.1.tgz#e715b2fa523c1a3acfdcf1aaa93e081620b8cc8e"
  integrity sha512-BeP80R4SLb1bZHW/Q62nECoScHw/fH+jzGkD7dc892HNGa+lbGIJXURc6U7N8JfZ8peEO46nPxR57aUMuYzquQ==
  dependencies:
    "@react-spring/core" "~9.6.1"
    "@react-spring/konva" "~9.6.1"
    "@react-spring/native" "~9.6.1"
    "@react-spring/three" "~9.6.1"
    "@react-spring/web" "~9.6.1"
    "@react-spring/zdog" "~9.6.1"
naemtl commented 1 year ago

Hi @willsmillie! Did you just add those entries to the bottom of your yarn.lock file or did you replace anything in the yarn.lock as well? I'm having the same issue outlined above. Thanks!

choozn commented 1 year ago

I will update the version of react-spring in the next version of react-mouse-parallax. This should fix the error from above.

choozn commented 1 year ago

Thank you @willsmillie for helping with narrowing down the source of the error!