How to convert material ui v4 makeStyles to material ui v5

1

I would like to convert material ui v4 makeStyles to material ui v5. MakeStyles is deprecated and no more available mui v5.

import { makeStyles } from "@mui/material";

 export default makeStyles (() => (
   {
    paper: {
      marginTop: theme.spacing(8),
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center',
      padding: theme.spacing(2),
    },
    root: {
      '& .MuiTextField-root': {
        margin: theme.spacing(1),
      },
    },
    avatar: {
      margin: theme.spacing(1),
      backgroundColor: theme.palette.secondary.main,
    },
    form: {
      width: '100%', // Fix IE 11 issue.
      marginTop: theme.spacing(3),
    },
    submit: {
      margin: theme.spacing(3, 0, 2),
    },
    googleButton: {
      marginBottom: theme.spacing(2),
    },    
  }
 
 ))
2

I spent a lot of time doing this a few months ago. The MUI 5 migration guide was pretty good to get me started.

Here is a link directly to the section on the makeStyles import changes.