Import and typescript fixups

public/app/containers/Explore/ElapsedTime.tsx

@@ -4,7 +4,7 @@ const INTERVAL = 150;
 
 
 export default class ElapsedTime extends PureComponent<any, any> {
 export default class ElapsedTime extends PureComponent<any, any> {
   offset: number;
   offset: number;
-  timer: NodeJS.Timer;
+  timer: number;
 
 
   state = {
   state = {
     elapsed: 0,
     elapsed: 0,
@@ -12,7 +12,7 @@ export default class ElapsedTime extends PureComponent<any, any> {
 
 
   start() {
   start() {
     this.offset = Date.now();
     this.offset = Date.now();
-    this.timer = setInterval(this.tick, INTERVAL);
+    this.timer = window.setInterval(this.tick, INTERVAL);
   }
   }
 
 
   tick = () => {
   tick = () => {

public/app/routes/ReactContainer.tsx

@@ -21,8 +21,12 @@ export function reactContainer($route, $location, backendSrv: BackendSrv, dataso
     restrict: 'E',
     restrict: 'E',
     template: '',
     template: '',
     link(scope, elem) {
     link(scope, elem) {
-      let component = $route.current.locals.component.default;
-      let props = {
+      let component = $route.current.locals.component;
+      // Dynamic imports return whole module, need to extract default export
+      if (component.default) {
+        component = component.default;
+      }
+      const props = {
         backendSrv: backendSrv,
         backendSrv: backendSrv,
         datasourceSrv: datasourceSrv,
         datasourceSrv: datasourceSrv,
       };
       };