frontend: fix Task component

twenty-frontend/src/js/components/Task.tsx

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState, useContext } from "react";
+import { ParamContext } from "/Context";
 import { useForm } from "react-hook-form";
 import { useCreateTask } from "/hooks/mutations/useCreateTask";
 import { useUpdateTask } from "/hooks/mutations/useUpdateTask";
@@ -21,7 +22,9 @@ const DEFAULT_TASK_CONTENT = [
   "Add a description here....",
 ].join("\n");
 
-export function Task({ taskId }: { taskId?: number }) {
+export function Task() {
+  const params = useContext(ParamContext);
+  const taskId = params.id ? parseInt(params.id) : null;
   const {
     register,
     handleSubmit,

twenty-frontend/src/js/main/task/edit.tsx

@@ -1,15 +1,13 @@
-import React, { useContext } from "react";
+import React from "react";
-import { ParamContext } from "/Context";
 import ReactDOM from "react-dom/client";
 import { App } from "/components/App";
 import { Task } from "/components/Task";
 
 (function () {
   const root = document.querySelector(".react-root")!;
-  const params = useContext(ParamContext);
   ReactDOM.createRoot(root).render(
     <App>
-      <Task taskId={Number(params.id)} />
+      <Task />
     </App>,
   );
 })();