From f329480d60b1728a00ecec4f372da5cb25855107 Mon Sep 17 00:00:00 2001
From: faisolavolut <faisol@avolut.com>
Date: Mon, 17 Feb 2025 05:51:08 +0700
Subject: [PATCH] fix: update HeaderComponent assignment in Form component for
 improved reactivity

---
 components/form/Form.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/form/Form.tsx b/components/form/Form.tsx
index c59d60f..c1751b4 100644
--- a/components/form/Form.tsx
+++ b/components/form/Form.tsx
@@ -198,7 +198,7 @@ export const Form: React.FC<any> = ({
   }, []);
 
   // Tambahkan dependency ke header agar reaktif
-  const HeaderComponent = header(local);
+  const HeaderComponent = typeof header === "function" ? header(local) : <></>;
   if (!local.ready)
     return (
       <div className="flex flex-grow flex-row items-center justify-center">
@@ -210,7 +210,7 @@ export const Form: React.FC<any> = ({
     );
   return (
     <div className={`flex-grow flex-col flex ${className}`}>
-      <div className="flex flex-row">{header(local)}</div>
+      <div className="flex flex-row">{HeaderComponent}</div>
       {showResize ? (
         // Resize panels...
         <ResizablePanelGroup direction="vertical" className="rounded-lg border">