রিয়েক্ট useDeferredValue

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

function App() {
  const [text, setText] = useState("");
  const deferredText = useDeferredValue(text);

  return (
    <div>
      <input
        value={text}
        onChange={(e) => setText(e.target.value)}
        placeholder="সার্চ"
      />
      <p>{deferredText}</p>
    </div>
  );
}

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