From 02705f691bed6b26bf1fc3993d886f49f61e33e7 Mon Sep 17 00:00:00 2001
From: Alexander Rose <alex.rose@rcsb.org>
Date: Wed, 27 Jun 2018 15:20:49 -0700
Subject: [PATCH] added missing react component state intitialization

---
 src/mol-app/ui/controls/slider.tsx            | 6 ++++++
 src/mol-app/ui/visualization/image-canvas.tsx | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/src/mol-app/ui/controls/slider.tsx b/src/mol-app/ui/controls/slider.tsx
index 4aac7c381..23a2387bb 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 e6e329d0d..f70699b2e 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,
-- 
GitLab