During deployment of vite-react with electric-sql, error stated "TypeError: crypto.randomUUID is not a function"

[github0000-dev]

index-lf_-qulZ.js:49 TypeError: crypto.randomUUID is not a function
at new en (numberings-CoWM2o18.js:7:77592)
at Pr (numberings-CoWM2o18.js:7:77325)
at numberings-CoWM2o18.js:9:3635

[github0000-dev]

This is my code which works on development mode on these source files.
Please, a little help would be delightful thank you.

// index.tsx

import { numberingCollection } from '@/collections/numberings'
import NumberingCard from '@/components/mine/numbering-card'
import { useLiveQuery } from '@tanstack/react-db'
import { createFileRoute } from '@tanstack/react-router'

export const Route = createFileRoute('/')({
  component: RouteComponent,
})

function RouteComponent() {

  const { data } = useLiveQuery(numberingCollection);

  return (
    <div className='p-3 w-full'>
      <div className='grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4'>
        {data.map((d, i) => (
          <NumberingCard
            key={i}
            cardlabel={d.name}
            number={d.number}
            suffix={d.suffix}
          />
        ))}
      </div>
    </div>
  )
}

// numbering.ts

import { env } from "@/config/env";
import { axiosInst } from "@/hooks/use-axios";
import { electricCollection } from "@/hooks/use-db";
import { createCollection } from "@tanstack/react-db";
import { useMutation } from "@tanstack/react-query";
import { AxiosError } from "axios";
import type React from "react";
import { toast } from "sonner";

type Numbering = { id?: string; name: string; suffix?: string; number?: number; userId?: string; counter?: string; };


const numberingCollection = createCollection(electricCollection<Numbering[]>("numberings"));

export { numberingCollection, type Numbering }

// use-db.ts

import { env } from "@/config/env";
import { electricCollectionOptions } from "@tanstack/electric-db-collection";
import type { DeleteMutationFnParams, InsertMutationFnParams, UpdateMutationFnParams } from "@tanstack/react-db";


export function electricCollection<T extends Record<string, any>>(
    table: string,
    options?: {
        id?: string;
        schema?: any;
        onInsert?: (params: InsertMutationFnParams<T>) => Promise<void>;
        onUpdate?: (params: UpdateMutationFnParams<T>) => Promise<void>;
        onDelete?: (params: DeleteMutationFnParams<T>) => Promise<void>;
    } | undefined | null
) {

    // const {onInsert, onUpdate, onDelete, id} = options!;


    return electricCollectionOptions({
        id: options?.id,
        shapeOptions: {
            url: env.electricUrl,
            params: { table }
        },
        schema: options?.schema,
        getKey: (item) => item.id,
        onInsert: options?.onInsert, 
        onUpdate: options?.onUpdate, 
        onDelete: options?.onDelete,
    })
}