I suspect that the problem lies in the fact that you are calling your state setter immediately inside the function component body, which forces React to re-invoke your function again, with the same props, which ends up calling the state setter again, which triggers React to call your function again…. and so on. const SingInContainer … Read more
you can use string interpolation: <div className={`${this.props.classes.container} ${this.props.classes.spacious}`}>
Hi instead of using hook API, you should use Higher-order component API as mentioned here I’ll modify the example in the documentation to suit your need for class component import React from ‘react’; import PropTypes from ‘prop-types’; import { withStyles } from ‘@material-ui/core/styles’; import Button from ‘@material-ui/core/Button’; const styles = theme => ({ root: { … Read more
Since you are going to use this on a login page. Here is a code I used in a Login page using Material-UI MUI v5 <Grid container spacing={0} direction=”column” alignItems=”center” justifyContent=”center” style={{ minHeight: ‘100vh’ }} > <Grid item xs={3}> <LoginForm /> </Grid> </Grid> MUI v4 and below <Grid container spacing={0} direction=”column” alignItems=”center” justify=”center” style={{ minHeight: … Read more
I had this issue when I used npm link to install my local library, which I’ve built using cra. I found the answer here. Which literally says: This problem can also come up when you use npm link or an equivalent. In that case, your bundler might “see” two Reacts — one in application folder … Read more