diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index df285f419..217935d1f 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -325,3 +325,10 @@ export async function postBuildInit(
 export async function UpdateTemplate(type:string, template:APITemplateType):Promise<AxiosResponse<{template:APITemplateType}>>{
   return await axios.get(`/dynamic_node`);
 }
+
+export async function postCustomComponent(
+  code: string,
+  apiClass: APIClassType
+): Promise<AxiosResponse<APIClassType>> {
+  return await axios.post(`/api/v1/custom_component`, { code });
+}
\ No newline at end of file
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index a2015f5d2..f88bc7b38 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -92,10 +92,9 @@ export default function CodeAreaModal({
         })
       }
       );
-    UpdateTemplate('code',nodeClass).then((apiReturn) => {
+    postCustomComponent('code',nodeClass).then((apiReturn) => {
       const data = apiReturn.data;
       if (data) {
-        console.log(data)   
         setNodeClass(data);
         setModalOpen(false);
       }