Switch to recommended React import

facebook/react#18102
https://twitter.com/dan_abramov/status/1308739731551858689

src/components/Column.tsx

@@ -1,7 +1,7 @@
-import React, { PropsWithChildren } from "react";
+import * as React from "react";
 import styled from "styled-components";
 
-const Column: React.FC<PropsWithChildren> = ({ children }) => {
+const Column: React.FC<React.PropsWithChildren> = ({ children }) => {
     return (
         <Grid>
             <div />

src/components/CustomHead.tsx

@@ -1,5 +1,5 @@
 import { graphql, useStaticQuery } from "gatsby";
-import React from "react";
+import * as React from "react";
 import { replaceNullsWithUndefineds } from "utils/replace-nulls";
 
 interface CustomHeadProps {

src/pages/404.tsx

@@ -1,6 +1,6 @@
 import CustomHead from "components/CustomHead";
 import { HeadFC, Link, PageProps } from "gatsby";
-import React from "react";
+import * as React from "react";
 import styled from "styled-components";
 
 const NotFoundPage: React.FC<PageProps> = () => {

src/pages/index.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import type { HeadFC, PageProps } from "gatsby";
+import * as React from "react";
 
 const items = [
     {

src/templates/default.tsx

@@ -1,7 +1,6 @@
-import Column from "components/Column";
 import CustomHead from "components/CustomHead";
 import { graphql, HeadFC, PageProps } from "gatsby";
-import React from "react";
+import * as React from "react";
 import styled from "styled-components";
 import type { Context } from "types";
 import { replaceNullsWithUndefineds } from "utils/replace-nulls";