Fix cors errors

server/package.json

@@ -20,6 +20,7 @@
   },
   "dependencies": {
     "@fastify/autoload": "^6.0.0",
+    "@fastify/cors": "^10.0.0",
     "@fastify/type-provider-typebox": "^5.0.0",
     "fastify": "^5.0.0",
     "pino": "^9.4.0",

server/src/server.ts

@@ -14,6 +14,7 @@ import {
     sendBasicMessageResponse,
 } from './util/errors'
 import { logger, fastifyLogOpts } from './util/logger'
+import cors from '@fastify/cors'
 
 export default async function server (): Promise<FastifyInstance> {
     const fastify = Fastify({
@@ -22,6 +23,8 @@ export default async function server (): Promise<FastifyInstance> {
 
     fastify.setValidatorCompiler(TypeBoxValidatorCompiler)
 
+    fastify.register(cors)
+
     // This loads all plugins defined in routes
     // define your routes in one of these
     fastify.register(AutoLoad, { // eslint-disable-line @typescript-eslint/no-floating-promises

web/src/components/main.tsx

@@ -3,16 +3,17 @@ import {useLoad, useTriggerLoad} from '../util/load';
 import {useContext} from 'react';
 import {ClientContext} from '../context/client-context';
 import {add} from "../client/add";
+import { AddResponse } from 'shared'
 
 export const Main = memo(() => {
-    const client = useContext(ClientContext);
+    const client = useContext(ClientContext)
 
     const quoteLoad = useLoad(async (abort) => {
         const response = await fetch('https://bible-api.com/john 3:16', { signal: abort }).then((res) => res.json());
         return response.text
     }, []);
 
-    const [addLoadState, doAdd] = useTriggerLoad(async (abort) => {
+    const [addLoadState, doAdd] = useTriggerLoad<AddResponse>(async (abort) => {
         if (!client) {
             return
         }
@@ -36,6 +37,9 @@ export const Main = memo(() => {
             ) : (
                 <button onClick={() => { doAdd() }}>Add</button>
             )}
+            {addLoadState.value && (
+              <div>Hey, this is the value! {addLoadState.value?.result ?? 'undefined'}</div>
+            )}
         </div>
     );
 });