fixing issues

components/BorderBox.js

@@ -1,3 +1,4 @@
+import React from "react"
 import { Box } from "@chakra-ui/react"
 
 export default function Render(props) {
@@ -19,4 +20,4 @@ export default function Render(props) {
       {children}
     </Box>
   )
-}
+}

components/ContributionOption.js

@@ -1,4 +1,5 @@
-import { Grid, GridItem, Image, Text, Button } from "@chakra-ui/react"
+import React from "react"
+import { Grid, GridItem, Text, Button } from "@chakra-ui/react"
 
 export default function Render ({
   title,
@@ -31,4 +32,4 @@ export default function Render ({
         </Grid>
     </GridItem>
 )
-}
+}

components/RecentProject.js

@@ -1,3 +1,4 @@
+import React from "react"
 import { GridItem, Box, Heading, Link } from "@chakra-ui/react"
 
 export default function Render({ project }) {
@@ -30,4 +31,4 @@ export default function Render({ project }) {
       </Box>
     </GridItem>
   )
-}
+}

components/SubHeading.js

@@ -1,3 +1,4 @@
+import React from "react"
 import { Heading } from "@chakra-ui/react"
 
 export default function Render (props) {
@@ -6,4 +7,4 @@ export default function Render (props) {
       {props.title}
     </Heading>
   )
-}
+}

pages/index.js

@@ -1,6 +1,5 @@
 import React from "react"
 import {
-  extendTheme,
   Link,
   Heading,
   Text,
@@ -27,14 +26,6 @@ createBreakpoints({
   lg: "62em"
 })
 
-const theme = extendTheme({
-  fonts: {
-    heading: "Sora",
-    body: "Sora",
-  },
-})
-
-
 const FeaturedProjectsList = () => {
   const { projects, bottom_image } = attributes;
 

pages/projects/[id].js

@@ -4,7 +4,6 @@ import PropTypes from 'prop-types'
 import { extendTheme, Button, ChakraProvider, Link, Heading, Text, Box, Avatar, Grid, GridItem } from "@chakra-ui/react"
 import { createBreakpoints } from "@chakra-ui/theme-tools"
 import matter from 'gray-matter';
-import StyledButton from '../../components/StyledButton';
 import getStaticFilesFrontMatter from '../../getStatic';
 import Footer from "../../components/Footer";