From a3ca7687352fb2d765157dc0a56d2090f189fd11 Mon Sep 17 00:00:00 2001
From: "Tom (plebeius.eth)" <tom@plebbit.com>
Date: Fri, 31 Jan 2025 12:31:38 +0100
Subject: [PATCH] Update settings-modal.tsx

---
 src/components/settings-modal/settings-modal.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/settings-modal/settings-modal.tsx b/src/components/settings-modal/settings-modal.tsx
index 881bcd09..cff58c33 100644
--- a/src/components/settings-modal/settings-modal.tsx
+++ b/src/components/settings-modal/settings-modal.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import styles from './settings-modal.module.css';
@@ -16,10 +16,10 @@ const SettingsModal = () => {
   const navigate = useNavigate();
   const hash = location.hash.slice(1);
 
-  const closeModal = () => {
+  const closeModal = useCallback(() => {
     const newPath = location.pathname.replace(/\/settings$/, '');
     navigate(newPath);
-  };
+  }, [location.pathname, navigate]);
 
   useEffect(() => {
     const handleEscape = (e: KeyboardEvent) => {