make cols props reactive

samijaber · Apr 22, 2024 · c85e1f3 · c85e1f3
1 parent 46bd611
commit c85e1f3
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/sdks/src/blocks/columns/columns.lite.tsx b/packages/sdks/src/blocks/columns/columns.lite.tsx
@@ -30,8 +30,12 @@ useMetadata({
 
 export default function Columns(props: ColumnProps) {
   const state = useStore({
-    gutterSize: typeof props.space === 'number' ? props.space || 0 : 20,
-    cols: props.columns || [],
+    get gutterSize() {
+      return typeof props.space === 'number' ? props.space || 0 : 20;
+    },
+    get cols() {
+      return props.columns || [];
+    },
     stackAt: props.stackColumnsAt || 'tablet',
     getWidth(index: number) {
       return state.cols[index]?.width || 100 / state.cols.length;