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

[ronaldgj]

I use the newest version of create-react-app, but I don't get any errors / warnings when I use a variable or function in a useEffect hook and don't add them to the dependency list.

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;

[ronaldgj]

I'm sorry.. I searched and read the changelog some better and I found out I had to add the ESLINT_NO_DEV_ERRORS=true to the .env file.

Everything works as normal now.