我试图使用文本字段从材料ui和我使用框元素，我得到一个错误消息说，有一个错误box.js。Box.js是一个内置的文件，我不能改变它。这是我的组件代码我不明白为什么错误出现在box.js中。我该怎么办？

import * as React from 'react';
import Box from '@mui/material/Box';
import Button from '@mui/material/Button';
import styled from "styled-components";
import Layout from '../../Layouts/SideMenu';
import Stack from '@mui/material/Stack';
import TextField from '@mui/material/TextField';
import '@fontsource/roboto/300.css';
import '@fontsource/roboto/400.css';
import '@fontsource/roboto/500.css';
import '@fontsource/roboto/700.css';

const Wrapper = styled.section`
  padding: 4em;
`;

export default function Create() {
    const [age, setAge] = React.useState('');

    return (
        <Layout>
            <Wrapper>
                <form action="">
                    <Stack spacing={3} direction="column">
                        <h2>Form Tambah Siswa</h2>

                        <TextField id="outlined-basic" label="Nama" variant="outlined" />
                        
                        <Box
                            component="form"
                            sx={{
                                '& > :not(style)': { m: 1, width: '25ch' },
                            }}
                            noValidate
                            autoComplete="off"
                            >
                            <TextField id="outlined-basic" label="Email" variant="outlined" />
                        </Box>

                        <Box
                            component="form"
                            sx={{
                                '& > :not(style)': { m: 1, width: '25ch' },
                            }}
                            noValidate
                            autoComplete="off"
                            >
                            <TextField id="outlined-basic" label="Password" variant="outlined" />
                        </Box>

                        <Box
                            component="form"
                            sx={{
                                '& > :not(style)': { m: 1, width: '25ch' },
                            }}
                            noValidate
                            autoComplete="off"
                            >
                            <TextField id="outlined-basic" label="Confirm Password" variant="outlined" />
                        </Box>

                        <Button variant="contained" type='submit'>Submit</Button>
                    </Stack>
                </form>
            </Wrapper>
        </Layout>
    )
}

字符串