From a27ff3acca114e86ef0600699c42195261143165 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felix=20Schr=C3=B6ter?= <dev@felschr.com>
Date: Tue, 15 Nov 2022 23:05:20 +0100
Subject: [PATCH] fix: fix React imports

---
 src/components/atoms/Footer.tsx     | 3 ++-
 src/components/organisms/Layout.tsx | 3 ++-
 src/pages/404.tsx                   | 2 +-
 src/pages/blog/index.tsx            | 3 ++-
 src/pages/index.tsx                 | 2 +-
 5 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/atoms/Footer.tsx b/src/components/atoms/Footer.tsx
index 5b2516e..221e924 100644
--- a/src/components/atoms/Footer.tsx
+++ b/src/components/atoms/Footer.tsx
@@ -1,4 +1,5 @@
-import React, { ReactNode } from "react"
+import * as React from "react"
+import { 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 87a29bd..c7176ec 100644
--- a/src/components/organisms/Layout.tsx
+++ b/src/components/organisms/Layout.tsx
@@ -1,4 +1,5 @@
-import React, { ReactNode, useMemo } from "react"
+import * as React from "react"
+import { 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 { Link as GatsbyLink } from "gatsby"
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 744b14f..053ae0e 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,4 +1,4 @@
-import React from "react"
+import * as React from "react"
 import { Link } from "gatsby"
 
 // styles
diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx
index 32809fb..b7795c3 100644
--- a/src/pages/blog/index.tsx
+++ b/src/pages/blog/index.tsx
@@ -1,4 +1,5 @@
-import React, { ReactNode } from "react"
+import * as React from "react"
+import { 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 52fa2fc..af6d1ac 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,4 +1,4 @@
-import React from "react"
+import * as React from "react"
 import styled from "@emotion/styled"
 import { Box, Card as Card_, CardContent, Grid, Typography } from "@mui/material"
 import {