ESLint is not picking up 'react-hooks/exhaustive-deps' #10545

import { FC, useEffect, useState } from "react";
import Modal from "./lib/modal";

const App: FC = () => {
  const [showModal, setShowModal] = useState(false);

  const handleClose = () => {
    if (showModal) {
      setShowModal(false);
    }
  };

  useEffect(() => {
    
    /* Don't get any warning for 'showModal' */
    if (showModal) {
      console.log("es lint test");
    }
  }, []);

  return (
    <>
      <button onClick={() => setShowModal(true)}>Open Modal</button>
      <Modal show={showModal} onClose={handleClose} />
    </>
  );
};

export default App;