Getting Started with Click Outside Detect

Installing

Using npm:

npm i click-outside-detect

Using yarn:

yarn add click-outside-detect

Usege

Once the package is installed, you can import the library using import or require approach:

1import OutsideClickDetect from "click-outside-detect";

this fuction require 2 peramters referance and callback function

1OutsideClickDetect(ref,callback());

Example

1import { useRef } from "react";
2import OutsideClickDetect from "click-outside-detect"; //import function
3
4function App() {
5  const ref = useRef();
6
7  const callback = ()=>{
8    console.log("clicked outside here")
9  }
10
11  OutsideClickDetect(ref,callback)
12  return (
13    <div>
14      <div>
15        click here
16      </div>
17      <div ref={ref} >
18        Div
19      </div>
20    </div>
21  );
22}
23
24export default App;
25