error "TypeError: element.type is undefined" isMuiElement

I am trying to build a form in react using material-ui, but I am getting this error when I import element from material-ui.

here is the error:

enter image description here

here is my code:

import React from 'react'
import{Button, TextField} from '@material-ui/core';

export default function Info() {
return (
    <div>
        <TextField label="First name" margin="normal" variant='outlines' color= 'secondary'/>
        <TextField label="First name" margin="normal" variant='outlines' color= 'secondary'/>
        <TextField label="First name" margin="normal" variant='outlines' color= 'secondary'/>
        <Button variant='contained' color='primary'>Next</Button>
    </div>
)
}