Embedding multiple cells from notebook into a React App

Community Help
6

The very first thing to try is to use a single runtime, instead of two:

import React, {Component} from "react";
import {Runtime, Inspector} from "@observablehq/runtime";
import notebook from "@kchalas/calendar-heatmap-too";
class App extends Component {
  componentDidMount() {
    const runtime = new Runtime();
    runtime.module(notebook, name => {
      if (name === "viewof dataSelector") {
        return Inspector.into("#selector")()
      }
      if (name === "cal") {
        return Inspector.into("#ac-wrapper")();
      }
    });
  }
  render() {
    return (
      <div className="App"></div>
    );
  }
}

export default App;