diff --git a/packages/web/src/contexts/providers/CallableFunctionFormProvider.tsx b/packages/web/src/contexts/providers/CallableFunctionFormProvider.tsx
index 7666439..8854e87 100644
--- a/packages/web/src/contexts/providers/CallableFunctionFormProvider.tsx
+++ b/packages/web/src/contexts/providers/CallableFunctionFormProvider.tsx
@@ -1,5 +1,4 @@
 import { zodResolver } from "@mantine/form";
-import { v4 as uuid } from "uuid";
 import {
     CallableFunctionFormContext,
     CallableFunctionFormValues,
@@ -7,6 +6,7 @@ import {
 import { persistenceCallableFunctionSchema } from "../../entities/persistenceCallableFunction";
 import React from "react";
 import useCallableFunctions from "../../hooks/useCallableFunctions";
+import { randomId } from "@mantine/hooks";
 
 export interface CallableFunctionFormProviderProps {
     children: React.ReactNode;
@@ -26,7 +26,7 @@ const CallableFunctionFormProvider = ({
     } = useCallableFunctions();
     const form = CallableFunctionFormContext.useForm({
         initialValues: {
-            id: uuid(),
+            id: randomId(),
             displayName: "",
             name: "",
         },