diff --git a/imports/client-handler.tsx b/imports/client-handler.tsx
index 049e5eed..2b4d3613 100644
--- a/imports/client-handler.tsx
+++ b/imports/client-handler.tsx
@@ -68,6 +68,8 @@ DeepClient.resolveDependency = async (path: string) : Promise<any> => {
     return await import('./aframe/components/tick');
   } else if (path == 'el-movement') {
     return await import('./aframe/components/el-movement');
+  } else if (path == 'aframe-extras') {
+    return await import('aframe-extras');
   } else {
     return r(path);
   }
diff --git a/package-lock.json b/package-lock.json
index e15d9496..eecd8bab 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,6 +30,7 @@
         "@types/react-cytoscapejs": "^1.2.2",
         "aframe": "^1.4.2",
         "aframe-environment-component": "^1.3.3",
+        "aframe-extras": "^7.0.0",
         "aframe-forcegraph-component": "^3.0.8",
         "aframe-react": "^4.4.0",
         "axios": "^1.4.0",
@@ -5070,6 +5071,17 @@
       "resolved": "https://registry.npmjs.org/aframe-environment-component/-/aframe-environment-component-1.3.3.tgz",
       "integrity": "sha512-g1IGMLsZ/IAstZEP5Gf7dJvAbfilbKWK23GcQpGfY4SQVuqmDK/7dEnj2y72PKwJwKPmchL8skzJ+9R8R+H3aQ=="
     },
+    "node_modules/aframe-extras": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/aframe-extras/-/aframe-extras-7.0.0.tgz",
+      "integrity": "sha512-SYmvmcoWPB4LsPNIn98EBmyXFF04iq7VLRsN4hI8vMo21j+jaihSvFX61j1V0HHNz5BRuGJhNma+jSkYJXU+XQ==",
+      "dependencies": {
+        "three-pathfinding": "^1.1.0"
+      },
+      "peerDependencies": {
+        "aframe": "*"
+      }
+    },
     "node_modules/aframe-forcegraph-component": {
       "version": "3.0.8",
       "resolved": "https://registry.npmjs.org/aframe-forcegraph-component/-/aframe-forcegraph-component-3.0.8.tgz",
@@ -22152,6 +22164,14 @@
         "three": ">=0.118.3"
       }
     },
+    "node_modules/three-pathfinding": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/three-pathfinding/-/three-pathfinding-1.2.0.tgz",
+      "integrity": "sha512-TlIfy+mLOdP7OhQG4Mn1dNONYbhu2Xe+AD7jL8SbdKdAHxH/TF68svpk2c8UrSfR/3YWQ87Tq/lp5HQO/QuaMw==",
+      "peerDependencies": {
+        "three": "0.x.x"
+      }
+    },
     "node_modules/throat": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/throat/-/throat-5.0.0.tgz",
diff --git a/package.json b/package.json
index fc57e00a..83121453 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
     "@types/react-cytoscapejs": "^1.2.2",
     "aframe": "^1.4.2",
     "aframe-environment-component": "^1.3.3",
+    "aframe-extras": "^7.0.0",
     "aframe-forcegraph-component": "^3.0.8",
     "aframe-react": "^4.4.0",
     "axios": "^1.4.0",