javascript 특정 영역 누르면 꺼지기

모든 방법을 찾아 봤는데 jquery가 제일 간단하다

js로 해결 가능할까 했는데 오류도 많고 짜증난다.
그냥

npm install jquery

import $ from "jquery";

한줄 추가해서 원하는 부분에 쓰자

$('#mainContents').click((e) => {
    if(!$(e.target).hasClass("area")) {
      setSlider(!slider);
    }
  })