TypeError: Cannot read properties of undefined (reading 'getValue')

Question

TypeError: Cannot read properties of undefined (reading 'getValue')

bilalkocak opened this issue 3 years ago · 36 comments

I'm using your great module on my all projects but i couldn't implement to new one.

I got this error when "open state" to true. -> "TypeError: Cannot read properties of undefined (reading 'getValue')"

my dependencies:
"react-spring-bottom-sheet": "^3.4.0",
"next": "12.1.4",
"react-dom": "18.0.0",

Code:

 const [open, setOpen] = useState(false)
    return (
        <>
            <button onClick={() => setOpen(true)}>Open</button>
            <BottomSheet open={open}>My awesome content here</BottomSheet>
        </>
    )

precz commented 2 years ago

🆙

Answer 1 · 2022-04-14T20:40:50.000Z

Ran into the same issue, looks like it's a issue with React v18 StrictMode, removing StrictMode or running a prod build it works fine.
https://reactjs.org/blog/2022/03/29/react-v18.html#new-strict-mode-behaviors

Answer 2 · 2022-04-14T20:55:04.000Z

Looks like react-spring doesn't support React v18 yet
pmndrs/react-spring#1563

Answer 3 · 2022-04-14T21:26:12.000Z

I've launched a beta for react18 that should resolve issues and be good to go – 9.4.5-beta.1 please feel free to give it a go and any issue feedback on that issue you linked too :)

Answer 4 · 2022-05-13T11:36:36.000Z

How i do access the beta version?

Answer 5 · 2022-05-19T17:50:01.000Z

I would like to try the beta also, where can I download it? thanks

Answer 6 · 2022-05-19T17:52:31.000Z

I actually launched a new version of react-spring that works with r18, so I think this project would need to update its deps accordingly 👌🏻 9.4.5 for reference.

Answer 7 · 2022-05-19T18:26:58.000Z

Thanks joshuaellis, I uninstalled the react-spring-bottom-sheet package and re-installed it. Then checked the react-spring version and is now the 9.4.5 you mentioned; but I still getting the same error: TypeError: Cannot read properties of undefined (reading 'getValue'). The error is in the localhost only, in production works fine.

Did I missed something else that you can help me please?

Answer 8 · 2022-05-19T18:32:20.000Z

Well the package here is locked to version 8 API, so it probably needs a good update to be working with react18 & react-spring9

Id try talk to the maintainer or update the lib and submit a PR.

Answer 9 · 2022-06-22T12:07:12.000Z

Have same while migrated from react to nextjs, react 18.2.0, but was working fine with 17

Answer 10 · 2022-06-23T12:16:30.000Z

@joshuaellis I have gone ahead and made the changes needed to upgrade to react-spring v9.4.5

Answer 11 · 2022-07-06T13:49:33.000Z

I still have the issue with the last version, any ideas ?

Answer 12 · 2022-07-14T17:29:06.000Z

Same here, latest version (3.4.1) on react 18 still triggers the same issue.
Running on NextJS if that helps

Answer 13 · 2022-07-30T00:12:25.000Z

I'm having the same issue as well. Let me know if there is anything I can do to help resolve it.

Answer 14 · 2022-08-16T12:00:49.000Z

It seems to be working in 3.5.0-alpha.0

Answer 15 · 2022-10-06T14:41:47.000Z

Please has a solution to this been discovered? I'm having the same issue now

Answer 16 · 2022-10-17T11:20:41.000Z

the issue is still there
"react": "^18.2.0", "react-dom": "^18.2.0", "react-spring-bottom-sheet": "3.5.0-alpha.0"

Answer 17 · 2022-10-18T00:04:12.000Z

the issue is still there "react": "^18.2.0", "react-dom": "^18.2.0", "react-spring-bottom-sheet": "3.5.0-alpha.0"

it's working fine on me, maybe try to remove the node_modules folder then run npm install again?

my package.json
"react": "18.2.0",
"react-dom": "18.2.0",
"react-spring-bottom-sheet": "3.5.0-alpha.0",

Answer 18 · 2022-11-11T17:16:24.000Z

I have the same issue. It's also working in version 3.5.0-alpha.0.
Why not release the original version?

Answer 19 · 2022-12-07T02:01:31.000Z

Same issue here

Answer 20 · 2023-03-04T07:53:46.000Z

I got the same problem.

My dependencies:

"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-spring-bottom-sheet": "^3.4.1"

Answer 21 · 2023-03-07T16:31:05.000Z

I got the same error with:

"react": "18.2.0",
"react-dom": "18.2.0",
"react-spring-bottom-sheet": "^3.4.1".

I am looking for other options to do the same, instead I´ll try to use this: https://www.npmjs.com/package/react-modal-sheet

I would appreciate if other people have more options.

Answer 22 · 2023-03-08T03:45:47.000Z

Haven't tried it yet, but this seems similar https://github.com/roman-rr/cupertino-pane

Answer 23 · 2023-03-15T21:47:40.000Z

Haven't tried it yet, but this seems similar https://github.com/roman-rr/cupertino-pane

Thanks

Answer 24 · 2023-06-19T16:46:29.000Z

Haven't tried it yet, but this seems similar https://github.com/roman-rr/cupertino-pane

Very nice animations, but I unfortunately couldn't figure out how to use it with JSX

Answer 25 · 2023-06-23T10:50:41.000Z

I would like to use this package, but unfortunately it doesn’t work...

"next": "13.4.5",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-spring-bottom-sheet": "^3.4.1" | "3.5.0-alpha.0"

Answer 26 · 2023-08-01T06:58:22.000Z

it worked by disabling the react strict mode on nextjs 13.

Answer 27 · 2023-08-21T21:38:11.000Z

Haven't tried it yet, but this seems similar https://github.com/roman-rr/cupertino-pane

Very nice animations, but I unfortunately couldn't figure out how to use it with JSX

tech-systems/panes#142 (comment)

Answer 28 · 2023-11-07T12:16:41.000Z

i guess still no solution for this issue i'm having this issue as well on nextjs 13

Answer 29 · 2023-11-08T11:18:32.000Z

⬆️ Same issue here, any updates on that?

Answer 30 · 2024-02-02T02:30:07.000Z

I still facing this issue when upgrading to Next.js 14. it works fine on Next.js 13.4 before.

Answer 31 · 2024-02-09T16:40:47.000Z

Same here, getting this error in Next 14, has anyone found any solution?

Answer 32 · 2024-02-10T03:05:33.000Z

It seems to be working in 3.5.0-alpha.0

Be careful with 3.5.0-alpha.0 version, it installs a lot of new dependencies who has at least 5 high vulnerabilities that allows SSRF attacks. Learn more here

Answer 33 · 2024-04-16T14:13:59.000Z

3.5.0-alpha.0 gets rid of the error for me but introduces scrolling bugs on mobile iOS. The first touch/scroll is always way too fast. Anyone has the same problems and a workaround for this?

It also introduces a bug which closes the bottom sheet for us during scrolling a long list before reaching the top.