t.SpringValue is not a constructor

[peterp96]

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

tried with:

• react: v17.x.x, v18.x.x
• node: v14.x.x, v16.x.x, v18.x.x

still getting same error.

[choozn]

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

[peterp96]

I'm using [email protected] & react@^18.2.0.

[choozn]

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

[peterp96]

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]

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

[choozn]

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]

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]

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]

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]

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

[choozn]

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