diff --git a/frontend/src/components/ApprovalList.tsx b/frontend/src/components/ApprovalList.tsx
index 4d767ae..d755a16 100644
--- a/frontend/src/components/ApprovalList.tsx
+++ b/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'
 
diff --git a/frontend/src/components/ApproveButton.tsx b/frontend/src/components/ApproveButton.tsx
index 45dfeb9..e0f0e20 100644
--- a/frontend/src/components/ApproveButton.tsx
+++ b/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
diff --git a/frontend/src/components/ClientForm.tsx b/frontend/src/components/ClientForm.tsx
index 131988b..ca4e355 100644
--- a/frontend/src/components/ClientForm.tsx
+++ b/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
diff --git a/frontend/src/components/ClientList.tsx b/frontend/src/components/ClientList.tsx
index 6f17ff4..f77f622 100644
--- a/frontend/src/components/ClientList.tsx
+++ b/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'
 
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index ffe8fc9..122a90f 100644
--- a/frontend/src/components/Header.tsx
+++ b/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()
diff --git a/frontend/src/components/LoginForm.tsx b/frontend/src/components/LoginForm.tsx
index be51e6a..86b835b 100644
--- a/frontend/src/components/LoginForm.tsx
+++ b/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'
diff --git a/frontend/src/components/RedirectURIsEdit.tsx b/frontend/src/components/RedirectURIsEdit.tsx
index 5a78315..16db69e 100644
--- a/frontend/src/components/RedirectURIsEdit.tsx
+++ b/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 }>
diff --git a/frontend/src/components/SignupForm.tsx b/frontend/src/components/SignupForm.tsx
index 96f3780..d72969e 100644
--- a/frontend/src/components/SignupForm.tsx
+++ b/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 = {
diff --git a/frontend/src/context/user.tsx b/frontend/src/context/user.tsx
index e4f0a62..3398ee7 100644
--- a/frontend/src/context/user.tsx
+++ b/frontend/src/context/user.tsx
@@ -8,6 +8,7 @@ import {
   useContext,
   useEffect,
   useState,
+  JSX,
 } from 'react'
 
 interface UserContextInterface {