diff --git a/components/AlertBox.tsx b/components/AlertBox.tsx
index 3b38292..7bfcf90 100644
--- a/components/AlertBox.tsx
+++ b/components/AlertBox.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect, useState} from 'react';
+import {useEffect, useState} from 'react';
import {createPortal} from 'react-dom';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faCheck, faExclamationTriangle, faInfoCircle, faTimes} from '@fortawesome/free-solid-svg-icons';
diff --git a/components/AlertStack.tsx b/components/AlertStack.tsx
index 9a5f6a9..3958ebc 100644
--- a/components/AlertStack.tsx
+++ b/components/AlertStack.tsx
@@ -1,6 +1,6 @@
'use client';
-import React from 'react';
+import {useEffect, useState} from 'react';
import {createPortal} from 'react-dom';
import StaticAlert from '@/components/StaticAlert';
import {Alert} from '@/context/AlertProvider';
@@ -11,9 +11,9 @@ interface AlertStackProps {
}
export default function AlertStack({alerts, onClose}: AlertStackProps) {
- const [mounted, setMounted] = React.useState(false);
+ const [mounted, setMounted] = useState(false);
- React.useEffect(() => {
+ useEffect(() => {
setMounted(true);
return () => setMounted(false);
}, []);
@@ -38,7 +38,7 @@ export default function AlertStack({alerts, onClose}: AlertStackProps) {
/>