diff --git a/src/app/components/PlanetaryInteraction/NoPlanetCard.tsx b/src/app/components/PlanetaryInteraction/NoPlanetCard.tsx
index b2740db..5b1c9ed 100644
--- a/src/app/components/PlanetaryInteraction/NoPlanetCard.tsx
+++ b/src/app/components/PlanetaryInteraction/NoPlanetCard.tsx
@@ -9,7 +9,7 @@ const StackItem = styled(Stack)(({ theme }) => ({
   alignItems: "center",
 }));
 
-export const NoPlanetCard = ({}: {}) => {
+export const NoPlanetCard = () => {
   const theme = useTheme();
   return (
     <StackItem
diff --git a/src/app/components/PlanetaryInteraction/PlanetCard.tsx b/src/app/components/PlanetaryInteraction/PlanetCard.tsx
index f868e2c..7c832f8 100644
--- a/src/app/components/PlanetaryInteraction/PlanetCard.tsx
+++ b/src/app/components/PlanetaryInteraction/PlanetCard.tsx
@@ -2,7 +2,7 @@ import { Stack, Typography, styled, useTheme } from "@mui/material";
 import Image from "next/image";
 import { AccessToken, Planet, PlanetInfo, PlanetInfoUniverse } from "@/types";
 import { Api } from "@/esi-api";
-import { forwardRef, useEffect, useState } from "react";
+import React, { forwardRef, useEffect, useState } from "react";
 import { DateTime } from "luxon";
 import { EXTRACTOR_TYPE_IDS } from "@/const";
 import Countdown from "react-countdown";
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index fb8e5ba..537f2d2 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import "./globals.css";
 import { Analytics } from "@vercel/analytics/react";
 import { Inter } from "next/font/google";
+import React from 'react'
 
 const inter = Inter({ subsets: ["latin"] });