Skip to content

Instantly share code, notes, and snippets.

@givensuman
givensuman / App.tsx
Created December 17, 2024 05:01
Type-safe useCanvas hook for React canvas animations
import React from "react";
import useCanvas from "./useCanvas";
import { useWindowSize } from "@uidotdev/usehooks";
const App = () => {
const { width, height } = useWindowSize();
const canvasRef = useCanvas(
(ctx, frame) => {
ctx.fillRect(100, 100 + frame, 100, 100);
},