From 5e5edd9d29f2ed012dbb631441ee2626d45e20db Mon Sep 17 00:00:00 2001
From: joostdecock <joost@joost.at>
Date: Mon, 28 Apr 2025 06:48:14 +0200
Subject: [PATCH] [react] fix: Guard against undefined state. Fixes #298

---
 .../Editor/components/MeasurementsEditor.mjs        | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/react/components/Editor/components/MeasurementsEditor.mjs b/packages/react/components/Editor/components/MeasurementsEditor.mjs
index 7d81e42a45f..c9c987771b8 100644
--- a/packages/react/components/Editor/components/MeasurementsEditor.mjs
+++ b/packages/react/components/Editor/components/MeasurementsEditor.mjs
@@ -20,6 +20,11 @@ export const MeasurementsEditor = ({ Design, update, state, helpProvider = false
     update.settings(['measurements', m], newVal)
   }
 
+  /*
+   * Ensure settings is not undefined
+   */
+  const { settings = {} } = state
+
   return (
     <div className="tw:max-w-2xl tw:mx-auto">
       <h4>Required Measurements</h4>
@@ -31,8 +36,8 @@ export const MeasurementsEditor = ({ Design, update, state, helpProvider = false
             <MeasurementInput
               key={m}
               m={m}
-              imperial={state.settings.units === 'imperial' ? true : false}
-              original={state.settings.measurements?.[m]}
+              imperial={settings.units === 'imperial' ? true : false}
+              original={settings.measurements?.[m]}
               update={(m, newVal) => onUpdate(m, newVal)}
               id={`edit-${m}`}
               helpProvider={helpProvider}
@@ -49,8 +54,8 @@ export const MeasurementsEditor = ({ Design, update, state, helpProvider = false
           <MeasurementInput
             key={m}
             m={m}
-            imperial={state.settings.units === 'umperial' ? true : false}
-            original={state.settings.measurements?.[m]}
+            imperial={settings.units === 'umperial' ? true : false}
+            original={settings.measurements?.[m]}
             update={(m, newVal) => onUpdate(m, newVal)}
             id={`edit-${m}`}
           />