diff --git a/src/components/UserModal/UserModal.tsx b/src/components/UserModal/UserModal.tsx
index b29c3a534fdaef379f48563dc8e847f8600365ec..0dc1c2ef2c7c8ac395060bdcb66b5e1a3d83ca7d 100644
--- a/src/components/UserModal/UserModal.tsx
+++ b/src/components/UserModal/UserModal.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import _ from 'lodash';
 import { TrashIcon } from '@heroicons/react/outline';
-import { useController, useFieldArray, useForm, useFormState, useWatch } from 'react-hook-form';
+import { useFieldArray, useForm, useFormState, useWatch } from 'react-hook-form';
 import { Modal, ConfirmationModal } from 'src/components';
 import { Input, Select } from 'src/components/Form';
 import { User, UserRole, useUsers } from 'src/services/users';
@@ -58,6 +58,7 @@ export const UserModal = ({ open, onClose, userId, setUserId }: UserModalProps)
     if (isDirty) {
       setDashboardRoleEdited(true);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [dashboardRole]);
 
   const handleSave = async () => {