Axios can't cors.

src/public/package.json

@@ -7,7 +7,7 @@
     "develop": "gatsby develop",
     "start": "npm run develop",
     "serve": "gatsby serve",
-    "deploy": "serverless client deploy",
+    "deploy": "serverless client deploy --no-confirm",
     "clean": "gatsby clean"
   },
   "repository": {
@@ -27,7 +27,6 @@
   },
   "homepage": "https://domsplace.com",
   "dependencies": {
-    "axios": "^0.19.2",
     "babel-plugin-styled-components": "^1.10.7",
     "gatsby": "^2.18.12",
     "gatsby-image": "^2.2.39",

src/public/src/api/APIRequest.tsx

@@ -0,0 +1,14 @@
+export const APIRequest = (url:string, body?:object) => {
+  return fetch(`https://api.domsplace.com/v1/${url}`, {
+    mode: 'no-cors',
+    method: body ? 'POST' : 'GET',
+    body: body ? JSON.stringify(body) : null,
+    headers: {
+      'Content-Type': 'application/json',
+      'Accept': 'application/json'
+    }
+  });
+}
+
+
+(globalThis as any)['APIRequest'] = APIRequest;

src/public/src/api/Client.tsx

@@ -1,5 +0,0 @@
-import axios from 'axios';
-
-export const Client = axios.create({
-  baseURL: 'https://api.domsplace.com/v1/'
-});

src/public/src/api/SendMail.tsx

@@ -1,6 +1,6 @@
-import { Client } from "./Client";
+import { APIRequest } from "./APIRequest";
 
-export const sendMail = (name:string, email:string, message:string) => Client.post('mail/send', {
+export const sendMail = (name:string, email:string, message:string) => APIRequest('mail/send', {
   name, email, message
 });