From ac81c68889a9a98b6d66e2ca4524aa09ca58eaed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Tue, 11 Jun 2024 13:38:25 -0500
Subject: [PATCH] fix: box props

---
 src/components/Ad.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Ad.tsx b/src/components/Ad.tsx
index 444e51679..eee774d05 100644
--- a/src/components/Ad.tsx
+++ b/src/components/Ad.tsx
@@ -1,8 +1,8 @@
 'use client';
 
-import { Box, Flex, Text } from '@radix-ui/themes';
+import { Box, BoxProps, Flex, Text } from '@radix-ui/themes';
 import { uniqueId } from 'lodash';
-import { ComponentProps, useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { Vector2Tuple } from 'three';
 import { imgur } from '../core/blitzkit/imgur';
 import { useApp } from '../stores/app';
@@ -21,9 +21,9 @@ const AD_DIMENSIONS: Record<AdType, Vector2Tuple> = {
   [AdType.HalfPageVerticalPurple]: [300, 600],
 };
 
-interface AdProps extends ComponentProps<'div'> {
+type AdProps = BoxProps & {
   type: AdType;
-}
+};
 
 export function Ad({ type, ...props }: AdProps) {
   const id = useRef(uniqueId());