diff --git a/src/assets/js/components/settings.jsx b/src/assets/js/components/settings.tsx
similarity index 87%
rename from src/assets/js/components/settings.jsx
rename to src/assets/js/components/settings.tsx
index 0ad63e5..f4cc2ef 100644
--- a/src/assets/js/components/settings.jsx
+++ b/src/assets/js/components/settings.tsx
@@ -4,11 +4,11 @@ import classNames from 'classnames';
 
 import { signOut } from '@/features/popupSlice';
 
-export const Settings = () => {
+export const Settings: React.FC = () => {
   const dispatch = useDispatch();
-  const [isLoading, setIsLoading] = useState(false);
+  const [isLoading, setIsLoading] = useState<boolean>(false);
 
-  const handleSignOut = async (event) => {
+  const handleSignOut = async (event: React.MouseEvent<HTMLButtonElement>) => {
     event.preventDefault();
     setIsLoading(true);
     dispatch(signOut());
@@ -56,4 +56,4 @@ export const Settings = () => {
       </div>
     </div>
   );
-};
+};
\ No newline at end of file