diff --git a/docs/contributing/LOCAL_DEVELOPMENT.md b/docs/contributing/LOCAL_DEVELOPMENT.md
index 71afb36d6b..b2a5cd581d 100644
--- a/docs/contributing/LOCAL_DEVELOPMENT.md
+++ b/docs/contributing/LOCAL_DEVELOPMENT.md
@@ -125,7 +125,7 @@ To make a workspace:
 
 Should look something like this:
 
-```json
+```jsonc
 {
   // I like to have all InvokeAI-related folders in my workspace
   "folders": [
@@ -164,7 +164,7 @@ to set up your `launch.json` and try it out.
 
 Now we can create the InvokeAI debugging configs:
 
-```json
+```jsonc
 {
   // Use IntelliSense to learn about possible attributes.
   // Hover to view descriptions of existing attributes.
diff --git a/invokeai/frontend/web/src/features/ui/components/tabs/ModelManager/subpanels/AddModelsPanel/ScanAdvancedAddModels.tsx b/invokeai/frontend/web/src/features/ui/components/tabs/ModelManager/subpanels/AddModelsPanel/ScanAdvancedAddModels.tsx
index d49e429306..35e25c7bde 100644
--- a/invokeai/frontend/web/src/features/ui/components/tabs/ModelManager/subpanels/AddModelsPanel/ScanAdvancedAddModels.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/tabs/ModelManager/subpanels/AddModelsPanel/ScanAdvancedAddModels.tsx
@@ -19,18 +19,16 @@ export default function ScanAdvancedAddModels() {
   const [advancedAddMode, setAdvancedAddMode] =
     useState<ManualAddMode>('diffusers');
 
-  const [isCheckpoint, setIsCheckpoint] = useState(
-    advancedAddScanModel &&
-      ['.ckpt', '.safetensors', '.pth', '.pt'].some((ext) =>
-        advancedAddScanModel.endsWith(ext)
-      )
-  );
+  const [isCheckpoint, setIsCheckpoint] = useState<boolean>(false);
 
   useEffect(() => {
-    isCheckpoint
+    advancedAddScanModel &&
+    ['.ckpt', '.safetensors', '.pth', '.pt'].some((ext) =>
+      advancedAddScanModel.endsWith(ext)
+    )
       ? setAdvancedAddMode('checkpoint')
       : setAdvancedAddMode('diffusers');
-  }, [setAdvancedAddMode, isCheckpoint]);
+  }, [advancedAddScanModel, setAdvancedAddMode]);
 
   const dispatch = useAppDispatch();