pint/src/App.tsx

import React, { useState, useEffect } from "react";
import "./assets/styles/App.css";
import Popup from "./views/Popup";
import Options from "./views/Options";

export default function App() {
  const [isOptionsUi, setOptionsUI] = useState(window.innerWidth > 475);

  const updateMedia = () => {
    setOptionsUI(window.innerWidth > 475);
  };

  useEffect(() => {
    window.addEventListener("resize", updateMedia);
    return () => window.removeEventListener("resize", updateMedia);
  });

  return (
    <div className="relative">{isOptionsUi ? <Options /> : <Popup />}</div>
  );
}