fix: make sure rendering tabs does not crash if display options are i…

…n the wrong format

src/data-workspace/section-form/section-form.js

@@ -6,15 +6,26 @@ import { useSectionFilter } from '../../shared/index.js'
 import { SectionFormSection } from './section.js'
 import styles from './section.module.css'
 
+const parseDisplayOptions = (displayOptionString) => {
+    try {
+        return (
+            displayOptionString &&
+            JSON.parse(this.props.model['displayOptions'])
+        )
+    } catch (e) {
+        console.error(e)
+        return undefined
+    }
+}
+
 export const SectionForm = ({ dataSet, globalFilterText }) => {
     const [sectionId] = useSectionFilter()
     const filteredSections = sectionId
         ? dataSet.sections.filter((s) => s.id === sectionId)
         : dataSet.sections
 
     const { displayOptions: displayOptionString } = dataSet
-    const displayOptions =
-        displayOptionString && JSON.parse(displayOptionString)
+    const displayOptions = parseDisplayOptions(displayOptionString)
 
     if (dataSet.renderAsTabs) {
         return (