Why browser events in IE do not work in Tab material design component in react?

Question

React

Browser events not firing in React Tab material design component in IE. Everything is fine in chrome

import {Tabs, Tab} from '@material-ui/core'
function App() {
    return (
        <div className="App">
            <Tabs>
                <Tab label={<p onClick={()=>alert('test')}>ddddd</p>}>
                </Tab>
            </Tabs>
        </div>
    );
}

export default App;`