diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
index 480d2a0b2..66598afbf 100644
Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ
diff --git a/src/ReportManager/DetailsSection/SchemaForm/fields/Section/index.js b/src/ReportManager/DetailsSection/SchemaForm/fields/Section/index.js
index 19d2c2591..4362455e2 100644
--- a/src/ReportManager/DetailsSection/SchemaForm/fields/Section/index.js
+++ b/src/ReportManager/DetailsSection/SchemaForm/fields/Section/index.js
@@ -13,6 +13,7 @@ const Section = ({
   onFieldChange,
   onFieldErrorsChange,
   renderField,
+  ...otherProps
 }) => {
   const onColumnFieldChange = (fieldId, value, error) => {
     onFieldChange(fieldId, value);
@@ -22,6 +23,7 @@ const Section = ({
   return <div
       className={styles.section}
       data-testid={`schema-form-section-${id}`}
+      {...otherProps}
     >
     {details.label && <h3 className={styles.header}>{details.label}</h3>}
 
diff --git a/src/ReportManager/DetailsSection/SchemaForm/fields/Section/index.test.js b/src/ReportManager/DetailsSection/SchemaForm/fields/Section/index.test.js
index c3c314252..266cc786e 100644
--- a/src/ReportManager/DetailsSection/SchemaForm/fields/Section/index.test.js
+++ b/src/ReportManager/DetailsSection/SchemaForm/fields/Section/index.test.js
@@ -33,6 +33,12 @@ describe('ReportManager - DetailsSection - SchemaForm - fields - Section', () =>
     {...props}
   />);
 
+  test('configures the section with other props', async () => {
+    renderSectionField({ hidden: true });
+
+    expect(screen.getByTestId('schema-form-section-section-1')).toHaveAttribute('hidden');
+  });
+
   test('does not show a header if the label is not defined', async () => {
     details.label = '';
     renderSectionField();
diff --git a/src/ReportManager/DetailsSection/SchemaForm/index.js b/src/ReportManager/DetailsSection/SchemaForm/index.js
index 7709c7a75..a52a82701 100644
--- a/src/ReportManager/DetailsSection/SchemaForm/index.js
+++ b/src/ReportManager/DetailsSection/SchemaForm/index.js
@@ -191,11 +191,12 @@ const SchemaForm = ({
   }, [formData, formElements, setLocationMarkers]);
 
   return <form onSubmit={onSubmit}>
-    {visibleSectionIds.map((sectionId) => <Section
+    {formElements[ROOT_CANVAS_ID]?.details.sections.map((sectionId) => <Section
       details={formElements[sectionId].details}
       fieldErrors={fieldErrors}
       focusLocationMarker={focusLocationMarker}
       formData={formData}
+      hidden={!visibleSectionIds.includes(sectionId)}
       id={sectionId}
       key={sectionId}
       onFieldChange={onSectionFieldChange}
diff --git a/src/ReportManager/DetailsSection/SchemaForm/index.test.js b/src/ReportManager/DetailsSection/SchemaForm/index.test.js
index d37ce42ab..5e128e33d 100644
--- a/src/ReportManager/DetailsSection/SchemaForm/index.test.js
+++ b/src/ReportManager/DetailsSection/SchemaForm/index.test.js
@@ -397,8 +397,8 @@ describe('ReportManager - DetailsSection - SchemaForm', () => {
     expect(screen.getByTestId('schema-form-text-field-text_field_2')).toBeVisible();
 
     // section-1 has condition text_field === "invalid", which fails, so it should not be visible
-    expect(screen.queryByTestId('schema-form-section-section-1')).toBeNull();
-    expect(screen.queryByTestId('schema-form-text-field-text_field_3')).toBeNull();
+    expect(screen.getByTestId('schema-form-section-section-1')).not.toBeVisible();
+    expect(screen.getByTestId('schema-form-text-field-text_field_3')).not.toBeVisible();
   });
 
   test('shows validation errors if there are any when the user submits the form', async () => {