diff --git a/src/mol-app/ui/controls/slider.tsx b/src/mol-app/ui/controls/slider.tsx
index 4aac7c3818af58383b4e21ca98c21bbd0aed1469..23a2387bb66d2c7af3a0d57509c737bb12f273e3 100644
--- a/src/mol-app/ui/controls/slider.tsx
+++ b/src/mol-app/ui/controls/slider.tsx
@@ -206,6 +206,12 @@ export class SliderBase extends React.Component<SliderBaseProps, SliderBaseState
     private sliderElement: HTMLElement | undefined = void 0;
     private handleElements: (HTMLElement | undefined)[] = [];
 
+    state: SliderBaseState = {
+        handle: null,
+        recent: 0,
+        bounds: [0, 0],
+    };
+
     constructor(props: SliderBaseProps) {
         super(props);
 
diff --git a/src/mol-app/ui/visualization/image-canvas.tsx b/src/mol-app/ui/visualization/image-canvas.tsx
index e6e329d0da3315cc844ae101a6ed4bc87c376042..f70699b2e5cce4f3839112c9bd3c9593724cf541 100644
--- a/src/mol-app/ui/visualization/image-canvas.tsx
+++ b/src/mol-app/ui/visualization/image-canvas.tsx
@@ -22,6 +22,12 @@ export class ImageCanvas extends React.Component<{ imageData: ImageData, aspectR
     private canvas: HTMLCanvasElement | null = null;
     private ctx: CanvasRenderingContext2D | null = null;
 
+    state = {
+        imageData: new ImageData(1, 1),
+        width: 1,
+        height: 1
+    }
+
     updateStateFromProps() {
         this.setState({
             imageData: this.props.imageData,