Adjusting size of to fit parent div while still maintaining draw functionality - help needed

Question

import React, { useRef, useEffect, useState } from \'react\';
import \'./app.css\'

function App() {

  const canvasRef = useRef(null)
  const contextRef = useRef(null)