1
2
3
4
5
6
7
8
9
10
11
const StyledTabs = withStyles({
indicator: {
display: "flex",
justifyContent: "center",
backgroundColor: "transparent",
"& > span": {
maxWidth: 0,
width: "100%",
},
},
})((props) => <Tabs {...props} TabIndicatorProps={{ children: <span /> }} />);

こんな感じ
上記はindicatorのmaxWidthを0にして消してます

あとは通常<tabs></tabs>なところを<StyledTabs></StyledTabs>に変える
これでおk

基本的にはリファレンスとかに書いてあります
以下参考ページ

Tabs React component - Material-UI
Tabs API - Material-UI