---
title: "Discussion on \"React: Detect a click outside an element\" | Hashnode"
description: "Discussion on \"React: Detect a click outside an element\". Today, I had to close a modal, after clicking outside of it. Here's how I've done it:\nexport default function App() {\n  const [open, setOpen] = React.useState(false)\n  const modalRef = React.useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => {\n   ..."
url: "https://hashnode.com/posts/react-detect-a-click-outside-an-element/6350d9ed6909949d77f19152"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [React: Detect a click outside an element](https://blog.macieksitkowski.com/react-detect-a-click-outside-an-element?utm_source=hashnode&utm_medium=feed)

Today, I had to close a modal, after clicking outside of it. Here's how I've done it: export default function App() { const \[open, setOpen\] = React.useState(false) const modalRef = React.useRef<HTMLDivElement>(null) React.useEffect(() => { ...

Oct 20, 2022 · 2 min read · blog.macieksitkowski.com  
Updated Oct 21, 2022  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#reacthooks](https://hashnode.com/tag/reacthooks)
-   [#typescript](https://hashnode.com/tag/typescript)

## Written by

[Maciek Sitkowski](https://hashnode.com/@sitek94)

@sitek94 · Poland

  
[View profile](https://hashnode.com/@sitek94)

mostly frontend

## Responses

Markdown supported · ⌘↵ to post

No responses yet.