This is currently how I'm fetching data:
request.ts

interface RequestOptions {
  method?: string;
  headers?: HeadersInit;
  body?: BodyInit;
}

const apiUrl = process.env.NEXT_PUBLIC_LOCAL_HOST_API_URL;

export const request = async <T>(
  url: string,
  options: RequestOptions
): Promise<T> => {
  const response = await fetch(`${apiUrl}/${url}`, {
    method: options.method,
    headers: options.headers,
    body: options.body
  });

  return response.json();
};

auth.ts

"use server"
import { UserProfile, Register } from "@/types/auth";
import { request } from "./request";

const fetchKeys = {
  register: "account/register",
  createProfile: "api/userProfile"
};

export async function register(formData: Register) {
  console.log(formData);
  const response = await request(fetchKeys.register, {
    method: "POST",
    headers: {
      "Content-type": "application/json"
    },
    body: JSON.stringify(formData)
  });

  return response;
}

export async function createProfile(formData: UserProfile) {
  const response = await request(fetchKeys.createProfile, {
    method: "POST",
    headers: {
      "Content-type": "application/json"
    },
    body: JSON.stringify(formData)
  });
}

And here in my form I am calling it:

    try {
      const response = await register(formData);
      console.log(response);
    } catch (error) {
      console.error(error.message);
    }

It keeps returning a 500 error and I can't figure out what I'm doing wrong