目次 概要環境ソース概要 React(及び Next.js)で canvas を扱って絵を描いた際のメモです。 環境 react 18.2.0 ソース import React, { useEffect, useRef } from "react"; export const Index = () => { const canvasRef = useRef<HTMLCanvasElement>(null); useEffect(() => { if (!canvasRef.current) { throw new Error("objectがnull"); } const canvas = canvasRef.current; const ctx = canvas.getContext("2d"); if (!ctx) { throw new Error("context取得失敗"); }