function onSubmit(
    values: z.infer<typeof formSchema>,
    e: BaseSyntheticEvent | undefined
  ) {
    if (e) {
      e.preventDefault();
      e.stopPropagation();
      console.log("here")
    }
    addUnitSkill(values);
  }

<Dialog>
      <DialogTrigger asChild>
        <Button variant="outline">Add</Button>
      </DialogTrigger>
      <DialogContent className="sm:max-w-md">
        <Form {...form}>
          <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
            //
            //All the inputs and stuff removed
            //
            <DialogFooter className="flex ">
              <DialogClose asChild>
                <Button type="button" variant="secondary">
                  Close
                </Button>
              </DialogClose>
              <Button type="submit">Submit</Button>
            </DialogFooter>
          </form>
        </Form>
      </DialogContent>
    </Dialog>

  function onSubmit(
    values: z.infer<typeof formSchema>,
    e: BaseSyntheticEvent | undefined
  ) {
    if (e) {
      e.preventDefault();
      e.stopPropagation();
      console.log("here")
    }
    addUnitSkill(values);
  }

<Dialog>
      <DialogTrigger asChild>
        <Button variant="outline">Add</Button>
      </DialogTrigger>
      <DialogContent className="sm:max-w-md">
        <Form {...form}>
          <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
            //
            //All the inputs and stuff removed
            //
            <DialogFooter className="flex ">
              <DialogClose asChild>
                <Button type="button" variant="secondary">
                  Close
                </Button>
              </DialogClose>
              <Button type="submit">Submit</Button>
            </DialogFooter>
          </form>
        </Form>
      </DialogContent>
    </Dialog>

async function fetchAndChunkAudio(url: string): Promise<string[]> {
  const response = await fetch(url);
  const arrayBuffer = await response.arrayBuffer();
  const buffer = Buffer.from(arrayBuffer);
  const tempFileName = `temp_audio_${Date.now()}`;
  const tempFilePath = `./src/app/api/chunkedaudio/temp/${tempFileName}.mp3`;
  await fsPromises.writeFile(tempFilePath, buffer);

  return new Promise((resolve, reject) => {
    let chunks: string[] = [];
    ffmpeg(tempFilePath)
      .outputOptions([
        `-f segment`,
        `-segment_time 600`, // Segment time in seconds, adjust if needed
        `-segment_format mp3`,
        `-segment_list_size 0`, // No maximum list size
        `-segment_wrap 0`, // No wrapping
      ])
      .output(`./src/app/api/chunkedaudio/temp/${tempFileName}_%03d.mp3`) // Output path for chunks
      .on("end", () => {
        chunks = glob.sync(
          `./src/app/api/chunkedaudio/temp/${tempFileName}_*.mp3`,
        ); // Collect chunk files

        (async () => {
          await fsPromises.unlink(tempFilePath);
        })().catch((err) => {
          console.error(
            `Error deleting initial temp file ${tempFilePath}:`,
            err,
          );
          reject(err);
        });

        resolve(chunks);
      })
      .on("error", (err: Error) => {
        console.error("Error during processing", err);
        reject(err);
      })
      .run();
  });
}

async function fetchAndChunkAudio(url: string): Promise<string[]> {
  const response = await fetch(url);
  const arrayBuffer = await response.arrayBuffer();
  const buffer = Buffer.from(arrayBuffer);
  const tempFileName = `temp_audio_${Date.now()}`;
  const tempFilePath = `./src/app/api/chunkedaudio/temp/${tempFileName}.mp3`;
  await fsPromises.writeFile(tempFilePath, buffer);

  return new Promise((resolve, reject) => {
    let chunks: string[] = [];
    ffmpeg(tempFilePath)
      .outputOptions([
        `-f segment`,
        `-segment_time 600`, // Segment time in seconds, adjust if needed
        `-segment_format mp3`,
        `-segment_list_size 0`, // No maximum list size
        `-segment_wrap 0`, // No wrapping
      ])
      .output(`./src/app/api/chunkedaudio/temp/${tempFileName}_%03d.mp3`) // Output path for chunks
      .on("end", () => {
        chunks = glob.sync(
          `./src/app/api/chunkedaudio/temp/${tempFileName}_*.mp3`,
        ); // Collect chunk files

        (async () => {
          await fsPromises.unlink(tempFilePath);
        })().catch((err) => {
          console.error(
            `Error deleting initial temp file ${tempFilePath}:`,
            err,
          );
          reject(err);
        });

        resolve(chunks);
      })
      .on("error", (err: Error) => {
        console.error("Error during processing", err);
        reject(err);
      })
      .run();
  });
}

prisma:error 
Invalid `prisma.product.findMany()` invocation:


The column `Product.category` does not exist in the current database.

prisma:error 
Invalid `prisma.product.findMany()` invocation:


The column `Product.category` does not exist in the current database.

<img className="mx-auto h-20 w-20 rounded-full lg:h-24 lg:w-24" src={`https://github.com/${person[1]}.png`} onError={(e) => replace(e)} /> 

<img className="mx-auto h-20 w-20 rounded-full lg:h-24 lg:w-24" src={`https://github.com/${person[1]}.png`} onError={(e) => replace(e)} /> 

function replace(e){
    e.currentTarget.onError = null;
    e.currentTarget.src = "/profileFallback.png"
}

function replace(e){
    e.currentTarget.onError = null;
    e.currentTarget.src = "/profileFallback.png"
}