DINO – 23-11 Aug 14

function Canvas({
  draw,
  width,
  height,
}: {
  draw: (context: any) => {};
  width: number;
  height: number;
}) {
  const canvas = useRef<HTMLCanvasElement>();

  useEffect(() => {
    if (canvas.current) {
      const context = canvas.current.getContext("2d");
      draw(context);
    }
  });

  return <canvas ref={canvas} width={width} height={height} />;
}