Update core dependencies

.nvmrc

@@ -1 +1 @@
-v14.15.3
+v18.15.0

manifesto-dapp-backend/functions/package.json

@@ -13,7 +13,7 @@
     "logs": "firebase functions:log"
   },
   "engines": {
-    "node": "16"
+    "node": "18"
   },
   "main": "lib/index.js",
   "dependencies": {

package.json

@@ -36,32 +36,32 @@
     "dayjs": "^1.11.5",
     "ethers": "^5.6.9",
     "firebase": "^9.9.0",
-    "gatsby": "^2.32.8",
-    "gatsby-image": "^2.11.0",
+    "gatsby": "^4.13.1",
+    "gatsby-plugin-image": "^2.13.0",
     "gatsby-plugin-linaria": "^3.1.0",
-    "gatsby-plugin-manifest": "^2.12.0",
+    "gatsby-plugin-manifest": "^4.13.0",
     "gatsby-plugin-matomo": "^0.11.0",
     "gatsby-plugin-mdx": "2",
-    "gatsby-plugin-offline": "^3.10.0",
+    "gatsby-plugin-offline": "^5.13.0",
     "gatsby-plugin-posthog": "^1.0.1",
-    "gatsby-plugin-react-helmet": "^3.10.0",
-    "gatsby-plugin-sharp": "^2.14.1",
+    "gatsby-plugin-react-helmet": "^5.13.0",
+    "gatsby-plugin-sharp": "^4.13.0",
     "gatsby-plugin-twitter-pixel": "^2.0.2",
     "gatsby-plugin-typescript": "^2.12.0",
-    "gatsby-transformer-sharp": "^2.12.0",
+    "gatsby-transformer-sharp": "^4.13.0",
     "linaria": "^2.2.0",
     "normalize.css": "^8.0.1",
-    "prop-types": "^15.7.2",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
+    "prop-types": "^15.8.1",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
     "react-helmet": "^6.1.0",
     "react-query": "^3.39.1",
     "siwe": "^1.1.6",
     "ulid": "^2.3.0"
   },
   "devDependencies": {
     "@types/jest": "^26.0.20",
-    "@types/node": "^14.14.27",
+    "@types/node": "^18.15.0",
     "@types/react": "^17.0.2",
     "@types/react-dom": "^17.0.1",
     "netlify-cli": "^3.7.1",

src/features/Dao/GetInvolved/index.tsx

@@ -70,30 +70,30 @@ export function DaoGetInvolved() {
         `}
       >
         <Option
-          iconSrc={require("./option-1-discord.svg")}
+          iconSrc={"/images/option-1-discord.svg"}
           href="https://chat.tallyho.org/"
           title="Discord"
         >
           The best way to get started and join the community.
         </Option>
         <Option
-          iconSrc={require("./option-2-gov.svg")}
+          iconSrc={"/images/option-2-gov.svg"}
           href="https://gov.tallyho.org/"
           title="Governance Forum"
         >
           Our governance forum. A place for sharing governance ideas and
           long-form thoughts.
         </Option>
         <Option
-          iconSrc={require("./option-3-workspace.svg")}
+          iconSrc={"/images/option-3-workspace.svg"}
           href="https://tallyhowallet.notion.site/"
           title="Community Workspace"
         >
           The community calendar, plus an overview of all our active working
           groups.
         </Option>
         <Option
-          iconSrc={require("./option-4-github.svg")}
+          iconSrc={"/images/option-4-github.svg"}
           href="https://github.com/tahowallet/extension"
           title="Github"
         >

src/features/Dao/Testimonials/index.tsx

@@ -33,15 +33,15 @@ export function DaoTestimonials() {
         `}
       >
         <Testimonial
-          authorIconSrc={require("./testimonial-icon-1-gitcoin.svg")}
+          authorIconSrc={"/images/testimonial-icon-1-gitcoin.svg"}
           authorHeadline="Kevin Owocki"
           authorSupport="Gitcoin co-founder"
         >
           “We&rsquo;re excited to see Taho&rsquo;s leadership make public
           goods funding a top priority from their DAO&rsquo;s inception.”
         </Testimonial>
         <Testimonial
-          authorIconSrc={require("./testimonial-icon-2-bankless.png")}
+          authorIconSrc={"/images/testimonial-icon-2-bankless.png"}
           authorHeadline="BanklessDAO"
         >
           “Taho has been hard at work designing a DAO structure that is

src/features/Download/Cta/index.tsx

@@ -33,7 +33,7 @@ export function DownloadCta() {
     >
       <Option
         name="Chrome"
-        logoSrc={require("@browser-logos/chrome/chrome.svg")}
+        logoSrc={"/images/chrome.svg"}
         href={chromeDownloadHref}
         twtrTrackPidParams={[
           "o9l8i",
@@ -47,7 +47,7 @@ export function DownloadCta() {
       /> */}
       <Option
         name="Brave"
-        logoSrc={require("@browser-logos/brave/brave.svg")}
+        logoSrc={"/images/brave.svg"}
         href={chromeDownloadHref}
         twtrTrackPidParams={[
           "o9l8i",

src/features/Footer/Nav/index.tsx

@@ -19,7 +19,7 @@ export function FooterNav() {
           flex-direction: row;
           justify-content: center;
         }
-        
+
         text-align: center;
         display: flex;
         flex-direction: column;
@@ -28,7 +28,7 @@ export function FooterNav() {
       `}
     >
       <Link to="/">
-        <img width="168" height="127" src={require("./logo.svg")} 
+        <img width="168" height="127" src={"images/logo.svg"} 
         />
       </Link>
       <div

src/features/Footer/Sponsor/index.tsx

@@ -19,13 +19,13 @@ export function Sponsor() {
       `}
     >
       <Link to="https://www.alchemy.com">
-        <img width="170px" height="25px" src={require("./alchemy.svg")} 
+        <img width="170px" height="25px" src={"/images/alchemy.svg"}
         />
       </Link>
         <div>
-            <img width="32px" height="30px" src={require("./star-mini.svg")}
+            <img width="32px" height="30px" src={"/images/star-mini.svg"}
             />
-        </div>       
+        </div>
         <div className={css`
         font-family: ${quincyRegularFontFamily};
         font-size: 24px;
@@ -36,4 +36,4 @@ export function Sponsor() {
         </div>
     </div>
     );
-}
+}

src/features/Header/index.tsx

@@ -34,7 +34,7 @@ export function Header() {
             `}
             width="226"
             height="80"
-            src={require("./logo.svg")}
+            src={"/images/logo.svg"}
           />
         </Link>
         <Link

src/features/Home/Features/index.tsx

@@ -1,4 +1,5 @@
 import { css } from "linaria";
+import { withPrefix } from "gatsby";
 import React, { ReactNode } from "react";
 import {
   bodyDarkGold120,
@@ -214,7 +215,7 @@ export function HomeFeatures() {
                   height: 6rem;
                 `}
                 key={i}
-                src={require(`./supporters/supporter-${i + 1}.svg`)}
+                src={withPrefix(`images/supporters/supporter-${i + 1}.svg`)}
               />
             </div>
           ))}

src/features/Manifesto/ManifestoBody/index.tsx

@@ -140,14 +140,14 @@ export function ManifestoBody() {
         `}
       >
         <Value
-          iconSrc={require("./icon-1-accessible.svg")}
+          iconSrc={"/images/icon-1-accessible.svg"}
           title={<>Access for everyone</>}
           body={
             <>You should have direct access to Web3—no matter where you live.</>
           }
         />
         <Value
-          iconSrc={require("./icon-2-oss.svg")}
+          iconSrc={"/images/icon-2-oss.svg"}
           title={<>Radical transparency</>}
           body={
             <>
@@ -157,7 +157,7 @@ export function ManifestoBody() {
           }
         />
         <Value
-          iconSrc={require("./icon-3-community.svg")}
+          iconSrc={"/images/icon-3-community.svg"}
           title={<>Full community ownership</>}
           body={
             <>

src/features/Manifesto/ManifestoPanel/index.tsx

@@ -35,7 +35,7 @@ export function ManifestoPanel() {
             `}
             width="36"
             height="36"
-            src={require("./icon-sign.svg")}
+            src={"/images/icon-sign.svg"}
             alt=""
           />
         }