9 files changed, 16 insertions, 7 deletions
diff --git a/src/components/Admin.tsx b/src/components/Admin.tsx
index a3da3fa..1c941a5 100644
--- a/src/components/Admin.tsx
+++ b/src/components/Admin.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { useGetGuestsQuery } from '../apiSlice';
 
 function Admin() {
diff --git a/src/components/Desktop.tsx b/src/components/Desktop.tsx
index 983c929..72b583d 100644
--- a/src/components/Desktop.tsx
+++ b/src/components/Desktop.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { useContext } from 'react';
 import { Link } from 'react-router-dom';
 import { Button, IconButton } from '@mui/material';
diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 4d4428a..839667a 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { useEffect, useRef, useState } from 'react';
 import './active.css';
 
diff --git a/src/components/Mobile.tsx b/src/components/Mobile.tsx
index f5502c0..7d790e1 100644
--- a/src/components/Mobile.tsx
+++ b/src/components/Mobile.tsx
@@ -1,6 +1,6 @@
-import { useContext } from 'react';
+import React from 'react';
+import { useContext, useState } from 'react';
 import { Link } from 'react-router-dom';
-import { useState } from 'react';
 import { Button, IconButton, Menu, MenuItem } from '@mui/material';
 import DarkModeIcon from '@mui/icons-material/DarkMode';
 import LightModeIcon from '@mui/icons-material/LightMode';
diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index f050d7a..677828b 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { Link } from 'react-router-dom';
 import { AppBar, Toolbar, Typography } from '@mui/material';
 import useMediaQuery from '@mui/material/useMediaQuery';
diff --git a/src/components/Registry.tsx b/src/components/Registry.tsx
index 7319560..60a73f9 100644
--- a/src/components/Registry.tsx
+++ b/src/components/Registry.tsx
@@ -1,3 +1,5 @@
+import React from 'react';
+
 function Registry() {
   return (
     <>
diff --git a/src/components/Rsvp.tsx b/src/components/Rsvp.tsx
index 104196f..dad7213 100644
--- a/src/components/Rsvp.tsx
+++ b/src/components/Rsvp.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { useMemo } from 'react';
 import { useLocation, Navigate, Outlet } from 'react-router-dom';
 import { useSelector } from 'react-redux';
diff --git a/src/components/RsvpForm.tsx b/src/components/RsvpForm.tsx
index a6e7036..b9dd991 100644
--- a/src/components/RsvpForm.tsx
+++ b/src/components/RsvpForm.tsx
@@ -1,3 +1,6 @@
+import React from 'react';
+import { useRef } from 'react';
+import { useOutletContext } from 'react-router-dom';
 import {
   Button,
   Container,
@@ -10,9 +13,8 @@ import {
   TextField,
 } from '@mui/material';
 import { useForm, Controller, useFieldArray } from 'react-hook-form';
-import { useOutletContext } from 'react-router-dom';
-import { useUpdateGuestMutation, Guest } from '../apiSlice';
-import { useRef } from 'react';
+import { useUpdateGuestMutation } from '../apiSlice';
+import type { Guest } from '../apiSlice';
 
 type FormValues = {
   id: number;
diff --git a/src/components/Schedule.tsx b/src/components/Schedule.tsx
index ef72769..08b10e2 100644
--- a/src/components/Schedule.tsx
+++ b/src/components/Schedule.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { Container, Paper } from '@mui/material';
 import PlaceIcon from '@mui/icons-material/Place';
 
@@ -6,8 +7,7 @@ function Schedule() {
     <Container
       maxWidth="md"
       style={{
-        height: '80vh',
-        marginTop: 80,
+        top: '1800',
         display: 'flex',
         justifyContent: 'center',
       }}