JSXをreactからimportするようにする

frontend/src/components/ApprovalList.tsx

@@ -1,17 +1,7 @@
-import EditIcon from '@mui/icons-material/Edit'
-import DeleteIcon from '@mui/icons-material/Delete'
-import CopyIcon from '@mui/icons-material/FileCopy'
 import { Approval } from '@/utils/types'
-import {
-  Box,
-  Button,
-  IconButton,
-  List,
-  ListItem,
-  Typography,
-} from '@mui/material'
+import { Button, List, ListItem, Typography } from '@mui/material'
 import { useRouter } from 'next/navigation'
-import { useCallback, useEffect, useState } from 'react'
+import { useCallback, useEffect, useState, JSX } from 'react'
 import { useUser } from '@/context/user'
 import { client } from '@/utils/client'
 

frontend/src/components/ApproveButton.tsx

@@ -2,7 +2,7 @@
 import { client } from '@/utils/client'
 import { Button } from '@mui/material'
 import { useRouter } from 'next/navigation'
-import { useCallback } from 'react'
+import { useCallback, JSX } from 'react'
 
 type ApproveButtonProps = {
   clientID: string

frontend/src/components/ClientForm.tsx

@@ -1,6 +1,7 @@
 import { Box, Button, TextField } from '@mui/material'
 import { Control, Controller } from 'react-hook-form'
 import { RedirectURIsEdit, RedirectURIsFields } from './RedirectURIsEdit'
+import { JSX } from 'react'
 
 export type ClientInput = {
   name: string

frontend/src/components/ClientList.tsx

@@ -4,7 +4,7 @@ import CopyIcon from '@mui/icons-material/FileCopy'
 import { Client } from '@/utils/types'
 import { Box, IconButton, List, ListItem, Typography } from '@mui/material'
 import { useRouter } from 'next/navigation'
-import { useCallback, useEffect, useState } from 'react'
+import { useCallback, useEffect, useState, JSX } from 'react'
 import { useUser } from '@/context/user'
 import { client } from '@/utils/client'
 

frontend/src/components/Header.tsx

@@ -3,7 +3,7 @@ import { useUser } from '@/context/user'
 import { client } from '@/utils/client'
 import { AppBar, Box, Button, Toolbar, Typography } from '@mui/material'
 import Link from 'next/link'
-import { useCallback } from 'react'
+import { useCallback, JSX } from 'react'
 
 export const Header = (): JSX.Element => {
   const { user, refresh } = useUser()

frontend/src/components/LoginForm.tsx

@@ -2,7 +2,7 @@
 
 import { Controller, useForm } from 'react-hook-form'
 import { Box, Button, TextField, Typography } from '@mui/material'
-import { useCallback } from 'react'
+import { useCallback, JSX } from 'react'
 import { client } from '@/utils/client'
 import Link from 'next/link'
 import { useUser } from '@/context/user'

frontend/src/components/RedirectURIsEdit.tsx

@@ -15,6 +15,7 @@ import {
   useFieldArray,
 } from 'react-hook-form'
 import DeleteIcon from '@mui/icons-material/Delete'
+import { JSX } from 'react'
 
 export interface RedirectURIsFields extends FieldValues {
   redirectURIs: Array<{ url: string }>

frontend/src/components/SignupForm.tsx

@@ -4,7 +4,7 @@ import { client } from '@/utils/client'
 import { Box, Button, TextField, Typography } from '@mui/material'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
-import { useCallback } from 'react'
+import { useCallback, JSX } from 'react'
 import { Controller, useForm } from 'react-hook-form'
 
 type SignupInput = {

frontend/src/context/user.tsx

@@ -8,6 +8,7 @@ import {
   useContext,
   useEffect,
   useState,
+  JSX,
 } from 'react'
 
 interface UserContextInterface {