onChange should be fired only if the schema is in the current page (#965)

* onChange should be fired only if the schema is in the current page

* Update packages/ui/src/components/Designer/Canvas/index.tsx

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

* make the  function inline to avoid type errors

---------

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

Author: kyasu1

packages/ui/src/components/Designer/Canvas/index.tsx

@@ -514,12 +514,18 @@ const Canvas = (props: Props, ref: Ref<HTMLDivElement>) => {
               value={value}
               onChangeHoveringSchemaId={onChangeHoveringSchemaId}
               mode={mode}
-              onChange={(arg) => {
-                // Use type assertion to safely handle the argument
-                type ChangeArg = { key: string; value: unknown };
-                const args = Array.isArray(arg) ? (arg as ChangeArg[]) : [arg as ChangeArg];
-                changeSchemas(args.map(({ key, value }) => ({ key, value, schemaId: schema.id })));
-              }}
+              onChange={
+                schemasList[pageCursor].some((s) => s.id === schema.id)
+                  ? (arg) => {
+                      // Use type assertion to safely handle the argument
+                      type ChangeArg = { key: string; value: unknown };
+                      const args = Array.isArray(arg) ? (arg as ChangeArg[]) : [arg as ChangeArg];
+                      changeSchemas(
+                        args.map(({ key, value }) => ({ key, value, schemaId: schema.id })),
+                      );
+                    }
+                  : undefined
+              }
               stopEditing={() => setEditing(false)}
               outline={`1px ${hoveringSchemaId === schema.id ? 'solid' : 'dashed'} ${
                 schema.readOnly && hoveringSchemaId !== schema.id