Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop

Question

I\'m trying to add a snackBar in order to display a message whenever a user signIn or not. SnackBar.jsx:

import React from \"react\";
import PropTypes from \         


        

Answer 1

You need to add an event, before call your handleFunction like this:

function SingInContainer() {
..
..
handleClose = () => {
}

return (
     handleClose}
        variant={variant}
        message={message}
        />
    
)

}