herrethan / react-confetti-explosion Goto Github PK

I came across your package in the npm listings, not sure if it's intended to work on ios but if this could be supported without much trouble that would be very helpful for me. As it stands when calling ConfettiExplosion the following error is received: "View config getter callback for component 'div' must be a function (received 'undefined'). Make sure to start component names with a capital letter."

skwerl@project % npm ls react-dom                              
[email protected] /Users/skwerl/Code/project
├─┬ @mui/[email protected]
│ ├─┬ @mui/[email protected]
│ │ └── [email protected] deduped
│ ├── [email protected] deduped
│ └─┬ [email protected]
│   └── [email protected] deduped
├─┬ @mui/[email protected]
│ └── [email protected] deduped
├─┬ [email protected]
│ └─┬ @material-ui/[email protected]
│   ├─┬ @material-ui/[email protected]
│   │ └── [email protected] deduped
│   └── [email protected]
├─┬ [email protected]
│ └── [email protected] deduped
├── [email protected]
├─┬ [email protected]
│ └── [email protected] deduped
├─┬ [email protected]
│ └── [email protected] deduped
└─┬ [email protected]
  └── [email protected] deduped

Attempting to use the component gives me the error:

react-dom.development.js:26918 Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app

FYI:

npm WARN deprecated @material-ui/[email protected]: Material UI v4 doesn't receive active development since September 2021. See the guide https://mui.com/material-ui/migration/migration-v4/ to upgrade to v5.

not sure what's going on here

Hey there thanks for publishing this package!

I'm having an issue using it and I don't know exactly what it might be (probably the postcss processor that I am using?) I tried both locally (vite) and in a code sandbox and I'm getting the same error in both places

This is the codesandbox, which I copied over your example from the repo to reproduce the error : https://codesandbox.io/s/vigorous-shadow-n17mnx?file=/src/index.tsx

Please suggest a recommended way |!

Maybe is very interesting to can use the isolate objects config of JSX and still with ts types :)

For me, the particles are not rotating in Safari. In Chrome and Firefox everything looks good.

I don't know yet why this does not work, Safari should support the rotate3d property.