diff --git a/lib/components/MDXRenderer.tsx b/lib/components/MDXRenderer.tsx
index f855fde7..6b439674 100644
--- a/lib/components/MDXRenderer.tsx
+++ b/lib/components/MDXRenderer.tsx
@@ -53,6 +53,7 @@ export const MDXRenderer = ({
>
);
},
+ // eslint-disable-next-line @eslint-react/no-nested-component-definitions
EmbedYT(props) {
return
;
},
diff --git a/lib/components/TextRevealCard.tsx b/lib/components/TextRevealCard.tsx
index 0f652a81..e0c83da6 100644
--- a/lib/components/TextRevealCard.tsx
+++ b/lib/components/TextRevealCard.tsx
@@ -7,7 +7,7 @@ import { SchoolOutlined } from "@mui/icons-material";
import { cn } from "lib/utils";
/**
- * Thanks to Aceternity UI for the following code snippet. It has been modified to match the project's needs.
+ * Thanks to Ace UI for the following code snippet. It has been modified to match the project's needs.
* @docs https://ui.aceternity.com/components/text-reveal-card
*/
export const TextRevealCard = ({
@@ -24,7 +24,7 @@ export const TextRevealCard = ({
className?: string;
}) => {
const [widthPercentage, setWidthPercentage] = useState(0);
- const cardRef = useRef
(null);
+ const cardRef = useRef(null);
const [left, setLeft] = useState(0);
const [localWidth, setLocalWidth] = useState(0);
const [isMouseOver, setIsMouseOver] = useState(false);
@@ -38,7 +38,9 @@ export const TextRevealCard = ({
}
}, []);
- function mouseMoveHandler(event: any) {
+ function mouseMoveHandler(
+ event: React.MouseEvent
+ ) {
event.preventDefault();
const { clientX } = event;
diff --git a/lib/components/animations/GlowBoundary.tsx b/lib/components/animations/GlowBoundary.tsx
index d9e6a4aa..1ecff91b 100644
--- a/lib/components/animations/GlowBoundary.tsx
+++ b/lib/components/animations/GlowBoundary.tsx
@@ -24,12 +24,12 @@ export const GlowBoundary = ({ children }: { children: React.ReactNode }) => {
const mouseY = useMotionValue(0);
const isMobile = useIsMobile();
- function handleMouseMove({ currentTarget, clientX, clientY }: MouseEvent) {
+ function handleMouseMove(
+ event: React.MouseEvent
+ ) {
if (isMobile) return;
- if (!currentTarget) return;
- const { left, top } = (
- currentTarget as HTMLElement
- ).getBoundingClientRect();
+ const { currentTarget, clientX, clientY } = event;
+ const { left, top } = currentTarget.getBoundingClientRect();
mouseX.set(clientX - left);
mouseY.set(clientY - top);
}
@@ -41,7 +41,6 @@ export const GlowBoundary = ({ children }: { children: React.ReactNode }) => {
return (
handleClearCookies()}
>
-