রিয়েক্ট useMemo

import {createRoot} from "react-dom/client";
import React, {useMemo, useState} from "react";

function App() {
  const [number, setNumber] = useState(1);
  const [name, setName] = useState("");

  const result = useMemo(() => {
    return number * number;
  }, [number]);

  return (
    <div>
      <input
        value={name}
        onChange={(e) => setName(e.target.value)}
      />
      <button onClick={() => setNumber(number + 1)}>
        বৃদ্ধি
      </button>
      <p>স্কয়ার: {result}</p>
    </div>
  );
}

createRoot(
  document.getElementById("root")
).render(<App/>);