diff --git a/docs/features/explorer.md b/docs/features/explorer.md
index 7f1832adb..8cf2c18af 100644
--- a/docs/features/explorer.md
+++ b/docs/features/explorer.md
@@ -20,7 +20,7 @@ npm install github:quartz-community/explorer --legacy-peer-deps
 Then import it in your `quartz.layout.ts`:
 
 ```typescript title="quartz.layout.ts"
-import { Explorer } from "@quartz-community/explorer/components"
+import { Explorer } from "@quartz-community/explorer"
 
 // Create once and reuse
 const explorerComponent = Explorer()
diff --git a/docs/features/graph view.md b/docs/features/graph view.md
index d9c33013a..2cc7e7403 100644
--- a/docs/features/graph view.md	
+++ b/docs/features/graph view.md	
@@ -23,7 +23,7 @@ npm install github:quartz-community/graph --legacy-peer-deps
 Then import it in your `quartz.layout.ts`:
 
 ```typescript title="quartz.layout.ts"
-import { Graph } from "@quartz-community/graph/components"
+import { Graph } from "@quartz-community/graph"
 
 // Create once and reuse
 const graphComponent = Graph()