diff --git a/frontend/src/Editor/Inspector/Components/Form.jsx b/frontend/src/Editor/Inspector/Components/Form.jsx
index a193f7e1c5..dda26ab0e0 100644
--- a/frontend/src/Editor/Inspector/Components/Form.jsx
+++ b/frontend/src/Editor/Inspector/Components/Form.jsx
@@ -5,18 +5,18 @@ import { renderElement } from '../Utils';
 // eslint-disable-next-line import/no-unresolved
 import i18next from 'i18next';
 
-export const Form = ({ componentMeta, darkMode, ...restProps }) => {
-  const {
-    layoutPropertyChanged,
-    component,
-    paramUpdated,
-    dataQueries,
-    currentState,
-    eventsChanged,
-    apps,
-    allComponents,
-  } = restProps;
-
+export const Form = ({
+  componentMeta,
+  darkMode,
+  layoutPropertyChanged,
+  component,
+  paramUpdated,
+  dataQueries,
+  currentState,
+  eventsChanged,
+  apps,
+  allComponents,
+}) => {
   const properties = Object.keys(componentMeta.properties);
   const events = Object.keys(componentMeta.events);
   const validations = Object.keys(componentMeta.validation || {});
diff --git a/frontend/src/Editor/Inspector/Inspector.jsx b/frontend/src/Editor/Inspector/Inspector.jsx
index 017057a62d..3c5ac1eb9c 100644
--- a/frontend/src/Editor/Inspector/Inspector.jsx
+++ b/frontend/src/Editor/Inspector/Inspector.jsx
@@ -332,6 +332,7 @@ export const Inspector = ({
                 eventsChanged={eventsChanged}
                 apps={apps}
                 pages={pages}
+                allComponents={allComponents}
               />
             )}
           </Tab>
@@ -483,6 +484,9 @@ const GetAccordion = React.memo(
       case 'Icon':
         return <Icon {...restProps} />;
 
+      case 'Form':
+        return <Form {...restProps} />;
+
       default: {
         return <DefaultComponent {...restProps} />;
       }