Change itemsPerSlide about react-spring-carousel HOT 2 CLOSED

export function Component() {
  const [itemsPerSlide, setItemsPerSlide] = useState(4);

  useEffect(() => {
    function handleOnChange(event){
      if (event.matches) {
        setItemsPerSlide(2);
      } else {
        setItemsPerSlide(4);
      }
    }
    const isTablet = window.matchMedia('(max-width: 768px)');

    if (isTablet.matches) {
      setItemsPerSlide(2);
    } else {
      setItemsPerSlide(4);
    }

    isTablet.addListener(handleOnChange)
    return () => {
      isTablet.removeListener(handleOnChange)
    }
  }, []);

  return (
    // jsx return...
  );
}