@exabytellc/canvas/dist/useCanime/_useCanime.js

EB react canvas!

import { useEffect, useRef, useState } from "react";
import Canime from "../Canime";
export default function useCanime({
  canimeApply,
  fpsInfinite = true,
  fpsLimit = 60,
  sizeAuto = false,
  interactive = false,
  resolutionWidth = 800,
  resolutionHeight = 600
} = {}) {
  const canvas = useRef();
  const [canime, setCanime] = useState();
  useEffect(() => {
    if (canvas.current) {
      const c = new Canime(canvas.current, {
        fpsInfinite,
        fpsLimit,
        sizeAuto,
        interactive,
        resolutionWidth,
        resolutionHeight
      });
      if (canimeApply) {
        canimeApply(c);
      }
      c.start();
      setCanime(c);
      return () => {
        c.stop();
      };
    }
  }, []);
  return {
    canvas,
    canime
  };
}