Почему абсолютно все элементы пропадают при стилизации на react?

Question

[qwexort]

Только изучаю реакт.При стилизации элементов пропадает все на экране.Делаю по гайду,не могу понять почему код не правильный.Без стилизации все работает.
Код:

import React from 'react';
import './App.css';
import { AppBar, Button, Container , IconButton, Toolbar, Typography,Box, Paper, Grid} from '@mui/material';
import MenuIcon from '@mui/icons-material/Menu';
import { makeStyles } from '@mui/styles';
import { typography } from '@mui/system';

const useStyles = makeStyles((theme)=>({
 root: {
   flexGrow: 1
 },
 
 title: {
   flexGrow:1
 },
 mainFeaturesPost:{
   position:"relative",
   color:theme.palette.common.white,
   marginBottom:theme.spacing(4),

   backgroundSize:"cover",
   backgroundRepeat:"no-repeat",
   backgroundPosition:"center"
 },
 mainFeaturesPostContent:{
   position:"relative",
   padding:theme.spacing(3),
 }
}))

Comments

[Александр Смирнов]

По данному фрагменту ничего не понятно. Могу предположить что в самом компоненте неправильно вызывается хук из фрагмента кода, либо же пытаетесь прочитать свойство из темы, которого в теме нет. Так что загляните сначала в консоль, а потом в документацию Material-UI