MUI v5 の環境構築

ルートディレクトリにて下記をインストール

MUIとemotionのインストール

npm install @mui/material @emotion/react @emotion/styled

emotionとは？

MUI v5内部で使用されているスタイリングソリューション。

フォントインストール

デフォルトではRobotoFontが適用

npm install @fontsource/roboto

SVGアイコンインストール

npm install @mui/icons-material

コンポーネント内でインポートして利用

import React from 'react'
import { Button } from '@mui/material'

function Button() {
  return (
    <div>
        <Button>Click Me!！！</Button>
    </div>
    
  )
}

export default Button