Improve types

Author: springuper

packages/nteract-data-explorer-extension/README.md

@@ -1,12 +1,12 @@
 # nteract-data-explorer-extension
 
-A JupyterLab extension for rendering tabular-data-resource files based on [nteract Data Explorer](https://github.com/nteract/data-explorer).
+A JupyterLab extension for rendering data of tabular-data-resource type based on [nteract Data Explorer](https://github.com/nteract/data-explorer).
 
-![demo](http://g.recordit.co/SsWJCpKIJy.gif)
+![demo](http://g.recordit.co/RkMsk43K30.gif)
 
 ## Prerequisites
 
-- JupyterLab >=1.1.1
+- JupyterLab >= 1.1.1
 
 ## Install
 

packages/nteract-data-explorer-extension/src/index.tsx

@@ -4,7 +4,7 @@ import { IRenderMime } from '@jupyterlab/rendermime-interfaces';
 import { JSONObject } from '@lumino/coreutils';
 import { Message } from '@lumino/messaging';
 import { Widget } from '@lumino/widgets';
-import DataExplorer from '@nteract/data-explorer';
+import DataExplorer, { Props } from '@nteract/data-explorer';
 
 /**
  * The class name added to the extension.
@@ -94,10 +94,14 @@ export class DataExplorerWidget extends Widget
 
         clearInterval(timer);
         ReactDOM.render(
-          // @ts-ignore
           <DataExplorer
-            data={data}
-            metadata={model.metadata.dataExplorer || {}}
+            data={(data as unknown) as Props['data']}
+            metadata={
+              ((model.metadata.dataExplorer as unknown) as Props['metadata']) ||
+              {}
+            }
+            mediaType={MIME_TYPE}
+            initialView={'grid'}
             onMetadataChange={onMetadataChange}
           />,
           this.node,