diff --git a/src/components/atoms/Footer.tsx b/src/components/atoms/Footer.tsx
index f3af069..5b2516e 100644
--- a/src/components/atoms/Footer.tsx
+++ b/src/components/atoms/Footer.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from "react"
+import React, { ReactNode } from "react"
 import { Box, useTheme } from "@mui/material"
 
 export type FooterProps = {
diff --git a/src/components/organisms/Layout.tsx b/src/components/organisms/Layout.tsx
index c0cc500..87a29bd 100644
--- a/src/components/organisms/Layout.tsx
+++ b/src/components/organisms/Layout.tsx
@@ -1,6 +1,6 @@
+import React, { ReactNode, useMemo } from "react"
 import { AppBar, Box, Button, Container, createTheme, CssBaseline, Link, ThemeProvider, Toolbar, Typography, useMediaQuery, useTheme } from "@mui/material"
 import CodeIcon from "@mui/icons-material/Code"
-import { ReactNode, useMemo } from "react"
 import { Link as GatsbyLink } from "gatsby"
 import { Footer } from "../atoms/Footer"
 
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 053ae0e..744b14f 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,4 +1,4 @@
-import * as React from "react"
+import React from "react"
 import { Link } from "gatsby"
 
 // styles
diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx
index 36dcdca..32809fb 100644
--- a/src/pages/blog/index.tsx
+++ b/src/pages/blog/index.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from "react"
+import React, { ReactNode } from "react"
 import { GatsbyLinkProps, graphql, Link, PageProps } from "gatsby"
 import Layout from "../../components/organisms/Layout"
 import { Card, CardContent, CardMedia, Grid, Typography } from "@mui/material"
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index ed18f39..52fa2fc 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,3 +1,4 @@
+import React from "react"
 import styled from "@emotion/styled"
 import { Box, Card as Card_, CardContent, Grid, Typography } from "@mui/material"
 import {