The right way to modify ref

modifyRefInuseEffect.js

import React, { useRef } from "react";

const RenderCounter = () => {
  const counter = useRef(0);
  
  useEffect(() => {
     // component ကို re-render လုပ်ပြီးတဲ့အချိန်တိုင်း counter က increase လုပ်နေပါလိမ့်မည်။
     counter.current = counter.current + 1;
  });

  return (
    <h1>{`The component has been re-rendered ${counter} times`}</h1>
  );
};