add abort/unmount guards

Author: madster456

docs/src/components/sdk/object-documentation.tsx

@@ -160,32 +160,43 @@ export function ObjectFromJson({ objectName }: { objectName: string }) {
   const [error, setError] = React.useState<string | null>(null);
 
   React.useEffect(() => {
+    const controller = new AbortController();
+
     async function loadObjectInfo() {
-      try {
-        setLoading(true);
-        setError(null);
+      setLoading(true);
+      setError(null);
 
-        // Load the objects.json file
-        const response = await fetch('/sdk-docs/objects.json');
+      try {
+        const response = await fetch('/sdk-docs/objects.json', { signal: controller.signal });
         if (!response.ok) {
           throw new Error(`Failed to load objects.json: ${response.statusText}`);
         }
 
-        const objectsData = await response.json();
+        const objectsData: Partial<Record<string, ObjectInfo>> = await response.json();
         const foundObject = objectsData[objectName];
 
         if (!foundObject) {
-          throw new Error(`Object "${objectName}" not found in objects.json`);
+          const availableKeys = Object.keys(objectsData);
+          const preview = availableKeys.slice(0, 10).join(', ');
+          const suffix = availableKeys.length > 10 ? `, ... (${availableKeys.length} total)` : '';
+          throw new Error(`Object "${objectName}" not found in objects.json. Available objects: ${preview}${suffix}`);
         }
 
-        setObjectInfo(foundObject);
+        if (!controller.signal.aborted) {
+          setObjectInfo(foundObject);
+        }
       } catch (err) {
+        if (controller.signal.aborted) return;
         setError(err instanceof Error ? err.message : 'Unknown error');
       } finally {
-        setLoading(false);
+        if (!controller.signal.aborted) {
+          setLoading(false);
+        }
       }
     }
     runAsynchronously(loadObjectInfo());
+
+    return () => controller.abort();
   }, [objectName]);
 
   if (loading) {

docs/src/components/sdk/type-documentation.tsx

@@ -1112,39 +1112,46 @@ export function TypeFromJson({
   const [error, setError] = React.useState<string | null>(null);
 
   React.useEffect(() => {
+    const controller = new AbortController();
+
     async function loadTypeInfo() {
-      try {
-        setLoading(true);
-        setError(null);
+      setLoading(true);
+      setError(null);
 
-        // Try types.json first, then mixins.json
-        const typesResponse = await fetch('/sdk-docs/types.json');
+      try {
+        const typesResponse = await fetch('/sdk-docs/types.json', { signal: controller.signal });
         if (typesResponse.ok) {
-          const typesData = await typesResponse.json();
-          if (typesData[typeName]) {
-            setTypeInfo(typesData[typeName]);
+          const typesData: Partial<Record<string, TypeInfo>> = await typesResponse.json();
+          const found = typesData[typeName];
+          if (found) {
+            if (!controller.signal.aborted) setTypeInfo(found);
             return;
           }
         }
 
-        // Try mixins.json
-        const mixinsResponse = await fetch('/sdk-docs/mixins.json');
+        const mixinsResponse = await fetch('/sdk-docs/mixins.json', { signal: controller.signal });
         if (mixinsResponse.ok) {
-          const mixinsData = await mixinsResponse.json();
-          if (mixinsData[typeName]) {
-            setTypeInfo(mixinsData[typeName]);
+          const mixinsData: Partial<Record<string, TypeInfo>> = await mixinsResponse.json();
+          const found = mixinsData[typeName];
+          if (found) {
+            if (!controller.signal.aborted) setTypeInfo(found);
             return;
           }
         }
 
         throw new Error(`Type "${typeName}" not found in types.json or mixins.json`);
       } catch (err) {
+        if (controller.signal.aborted) return;
         setError(err instanceof Error ? err.message : 'Unknown error');
       } finally {
-        setLoading(false);
+        if (!controller.signal.aborted) {
+          setLoading(false);
+        }
       }
     }
     runAsynchronously(loadTypeInfo());
+
+    return () => controller.abort();
   }, [typeName]);
 
   if (loading) {