イメージ的には、debounceのようなものか

ただし、通常のdebounceは指定した秒数を基準にして更新頻度を制御のに対し、

は最適なrender回数になるように内部で制御されている

データが読み込まれるまでは、以前の値が表示され続ける

function SearchPage() {
  const [query, setQuery] = useState('');
  const deferredQuery = useDeferredValue(query);
  // ...
}

初回render時は、引数と結果の値は一致する

まず遅延値を更新せずに再renderingを行い、

その後、新たに受け取った値で再度renderingを行う