Estoy tratando de usar este paquete en mi sitio NextJS:https://www.npmjs.com/package/@reonomy/react-confetti-explosion
Aquí está lo básico de esto...
class SelectedBet extends React.Component { //Some stuff render() { return ( {this.props.bet && ( <SubmitBet bet={this.props.bet} /> )} }Enviar apuesta
//Confetti import ConfettiExplosion from '@reonomy/react-confetti-explosion' function Submit(props) { //State and functions stuff.... return ( <> <ConfettiExplosion /> //More stuff </> )}Cualquier razón por la que esto está fallando:
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 See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.Depende de cómo uses tu Submit ,
const App = () => { return flag ? <Submit /> : null }Esto funcionaría, pero si haces esto
const App = () => { return Submit() }Entonces no funcionaría.