diff --git a/webpack/components/common/DeleteTableEntry.js b/webpack/components/common/DeleteTableEntry.js
index 221f107d..cd55eabe 100644
--- a/webpack/components/common/DeleteTableEntry.js
+++ b/webpack/components/common/DeleteTableEntry.js
@@ -9,13 +9,13 @@ const DeleteTableEntry = ({
   onDeleteTableEntry,
   additionalData,
 }) => {
+  const [showModal, setShowModal] = useState(false);
+  const toggleModal = () => setShowModal(!showModal);
+
   if (hidden) {
     return null;
   }
 
-  const [showModal, setShowModal] = useState(false);
-  const toggleModal = () => setShowModal(!showModal);
-
   return (
     <span>
       <MessageDialog