Горячо ли использовать реагирующий на реакцию и проверять соотношение сторон в медиазапросе?

Question

Как следующий код. react-responsive должен проверить соотношение сторон, и на основании недавнего значения экрана применить правило: flexDirection: ${isPortrait ? "column" : "row"}. Но это не сделано. У вас есть идеи, почему?

import { useMediaQuery } from "react-responsive";

function BookSeat(props) {

  isPortrait = useMediaQuery({ maxAspectRatio: aspectRatio });

  return (
    <div
      style={{
        display: "flex",
        flexDirection: `${isPortrait ? "column" : "row"}`
      }}
    >
      <div
        style={{
          width: `100%`
        }}
      >
        <div
          style={{
            paddingTop: `${100 / aspectRatio}%`,
            background: "pink",
            position: "relative"
          }}
        >
        </div>
      </div>
      <div style={{ background: "yellow" }}>
        <span style={{ marginRight: "10px" }}>{seatsIBooked.length}</span>
      </div>
    </div>
  );
}

export default withRouter(BookSeat);