Cl React Graphs

import {
  Map,
  useWidth,
} from 'cl-react-graph;
import { interpolate } from 'd3';
import React from 'react';
import * as topo from 'topojson-client';

import json from '../assets/uk-region.topo.json';

const MyComponent = () => {
  const [ref, width] = useWidth('90%');
  const f = topo.feature(json as any, 'eer');
  return(
    <div ref={ref}>
      <Map
        geoJSON={f as any}
        data={data}
        colorInterpolate={interpolate("red", "blue")}
        bin="EER13NM"
        width={width}
        height={400}
      />
    </div>
  )
};