diff --git a/src/ui/components/index.tsx b/src/ui/components/index.tsx
index 6e095aa..b34e355 100644
--- a/src/ui/components/index.tsx
+++ b/src/ui/components/index.tsx
@@ -8,7 +8,7 @@ import {
     SliderInput,
     VectorInput,
     NumericInput
-} from '@playcanvas/pcui/react';
+} from 'pcui';
 import { Option } from '../../types';
 
 export const Detail = (props: { label: string, value:string|number}) => {
diff --git a/src/ui/errors.tsx b/src/ui/errors.tsx
index 902f908..5a31d5e 100644
--- a/src/ui/errors.tsx
+++ b/src/ui/errors.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { InfoBox } from '@playcanvas/pcui/react';
+import { InfoBox } from 'pcui';
 import { ObserverData } from '../types';
 
 // InfoBox that shows an error
diff --git a/src/ui/index.tsx b/src/ui/index.tsx
index 44dc780..50b8c6a 100644
--- a/src/ui/index.tsx
+++ b/src/ui/index.tsx
@@ -1,7 +1,7 @@
 import { Observer } from '@playcanvas/observer';
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Container, Spinner } from '@playcanvas/pcui/react';
+import { Container, Spinner } from 'pcui';
 
 import { getAssetPath } from '../helpers';
 import { ObserverData } from '../types';
diff --git a/src/ui/left-panel/index.tsx b/src/ui/left-panel/index.tsx
index b1c0b48..9a11113 100644
--- a/src/ui/left-panel/index.tsx
+++ b/src/ui/left-panel/index.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Panel, Container, TreeViewItem, TreeView } from '@playcanvas/pcui/react';
+import { Panel, Container, TreeViewItem, TreeView } from 'pcui';
 import { HierarchyNode, SetProperty, ObserverData } from '../../types';
 
 import { Detail, Select, Toggle, Vector } from '../components';
diff --git a/src/ui/left-panel/morph-target-panel.tsx b/src/ui/left-panel/morph-target-panel.tsx
index dacb2a1..1b4ab6f 100644
--- a/src/ui/left-panel/morph-target-panel.tsx
+++ b/src/ui/left-panel/morph-target-panel.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import VisibilitySensor from 'react-visibility-sensor';
 import { MorphTargetData, SetProperty, ObserverData } from '../../types';
-import { Panel } from '@playcanvas/pcui/react';
+import { Panel } from 'pcui';
 import { MorphSlider } from '../components';
 
 class MorphTargetPanel extends React.Component <{ morphs: ObserverData['morphs'], progress: number, setProperty: SetProperty }> {
diff --git a/src/ui/load-controls.tsx b/src/ui/load-controls.tsx
index df935b5..4d59670 100644
--- a/src/ui/load-controls.tsx
+++ b/src/ui/load-controls.tsx
@@ -1,5 +1,5 @@
 import React, { useRef, useState } from 'react';
-import { Container, Label, Button, TextInput } from '@playcanvas/pcui/react';
+import { Container, Label, Button, TextInput } from 'pcui';
 import { getAssetPath } from '../helpers';
 
 import { File, SetProperty } from '../types';
diff --git a/src/ui/popup-panel/animation-controls.tsx b/src/ui/popup-panel/animation-controls.tsx
index b76c767..c1b1411 100644
--- a/src/ui/popup-panel/animation-controls.tsx
+++ b/src/ui/popup-panel/animation-controls.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from '@playcanvas/pcui/react';
+import { Button } from 'pcui';
 import { SetProperty, ObserverData } from '../../types';
 
 import { NakedSelect, NakedSlider } from '../components';
diff --git a/src/ui/popup-panel/index.tsx b/src/ui/popup-panel/index.tsx
index 283ebfc..9b9b2e2 100644
--- a/src/ui/popup-panel/index.tsx
+++ b/src/ui/popup-panel/index.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
-import { Button } from '@playcanvas/pcui/react';
+import { Observer } from '@playcanvas/observer';
+import { Button } from 'pcui';
 import { SetProperty, ObserverData } from '../../types';
 import AnimationControls from './animation-controls';
 import { CameraPanel, SkyboxPanel, LightPanel, DebugPanel, ViewPanel } from './panels';
diff --git a/src/ui/popup-panel/panels.tsx b/src/ui/popup-panel/panels.tsx
index 9250d4e..ecaf6cd 100644
--- a/src/ui/popup-panel/panels.tsx
+++ b/src/ui/popup-panel/panels.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Container, Button, Label, TextInput } from '@playcanvas/pcui/react';
+import { Container, Button, Label, TextInput } from 'pcui';
 import { SetProperty, ObserverData } from '../../types';
 import { extract } from '../../helpers';
 // @ts-ignore no type defs included
diff --git a/src/ui/selected-node.tsx b/src/ui/selected-node.tsx
index 436cc0a..394ee10 100644
--- a/src/ui/selected-node.tsx
+++ b/src/ui/selected-node.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Container } from '@playcanvas/pcui/react';
+import { Container } from 'pcui';
 import { SetProperty, ObserverData } from '../types';
 
 import { Vector, Detail } from './components';
diff --git a/tsconfig.json b/tsconfig.json
index a8fbb1c..7635cd1 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -17,6 +17,7 @@
         "noEmit": true,
         "baseUrl": ".",
         "paths": {
+            "pcui": ["node_modules/@playcanvas/pcui"],
             "playcanvas-extras": ["node_modules/playcanvas/build/playcanvas-extras.mjs"]
         }
     },