const width, setWidth = useState

useEffect (() => {
  setWidth(document.body.innerWidth);

  const updateWidth = () => {
    setWidth(document.body.innerWidth);
  }

  window.addEventListener('resize', updateWidth);

  return () => window.removeEventListener('resize', updateWidth);
}, []);

const width, setWidth = useState

useEffect (() => {
  setWidth(document.body.innerWidth);

  const updateWidth = () => {
    setWidth(document.body.innerWidth);
  }

  window.addEventListener('resize', updateWidth);

  return () => window.removeEventListener('resize', updateWidth);
}, []);

const width = useWindowWidth();
const searchPlaceholder = width > 1200 ? 'Search items' : 'Search';
// ...
<input
    type="text"
    placeholder={searchPlaceholder}
/>

const width = useWindowWidth();
const searchPlaceholder = width > 1200 ? 'Search items' : 'Search';
// ...
<input
    type="text"
    placeholder={searchPlaceholder}
/>