TypeError: Cannot read properties of undefined (reading 'values') using MUI

Question

I've encountered those errors yesterday I've googled whole day and looked for solutions and tried but none of them worked.

even if I put a random Component only, it still doesn't work

I've tried

1. reinstall MUI
2. check if the react & react-dom versions didn't match
3. changed import style from import { Grid } from "@mui/material"; to current one.

Since I've left only texts in that component, and my other component which also uses MUI works fine :( so it must be a dumb mistake but I can't find it :(

Error Messages

1. Uncaught TypeError: Cannot read properties of undefined (reading 'values')
2. The above error occurred in the component:

This is my SignUp.jsx

import Grid from '@mui/material/Grid';
import Paper from "@mui/material/Paper";

function SignUp() {
  return (
    <div>
      <Grid container>
        <Grid item>
          <Paper>1</Paper>
        </Grid>
        <Grid item>
          <Paper>2</Paper>
        </Grid>
      </Grid>
    </div>
  );
}

export default SignUp;