nteract-persistent-state.tsx

renderModel(model: IRenderMime.IMimeModel): Promise<void> {
  // Retrieve Data Explorer persistent data and metadata
  const data = model.data[this._mimeType] as JSONObject;
  const metadata = (model.metadata.dataExplorer || {}) as JSONObject;

  // Capture Data Explorer metadata changes and save them to notebook file in order to restore
  const onMetadataChange = (data: object) => {
    model.setData({ metadata: { ...model.metadata, dataExplorer: data } });
    const notebookPanel = findNotebookPanel(this);
    if (notebookPanel) notebookPanel.context.save();
  };
  
  return new Promise<void>((resolve) => {
    ReactDOM.render(<DataExplorer data={data} metadata={metadata} onMetadataChange={onMetadataChange} />, this.node, resolve);
  });
}