diff --git a/apps/studio/state/table-editor-table.tsx b/apps/studio/state/table-editor-table.tsx
index 60c133eecea..197a093cebd 100644
--- a/apps/studio/state/table-editor-table.tsx
+++ b/apps/studio/state/table-editor-table.tsx
@@ -141,6 +141,9 @@ export const createTableEditorTableState = ({
     },
 
     editable,
+    setEditable: (editable: boolean) => {
+      state.editable = editable
+    },
   })
 
   return state
@@ -203,6 +206,12 @@ export const TableEditorTableStateContextProvider = ({
     }
   }, [table])
 
+  useEffect(() => {
+    if (state.editable !== props.editable) {
+      state.setEditable(props.editable ?? true)
+    }
+  }, [props.editable, state])
+
   return (
     <TableEditorTableStateContext.Provider value={state}>
       {children}