remove error of nested <div> in <a>

decentdao · Feb 16, 2024 · 2cc1195 · 2cc1195
1 parent 8ba7305
commit 2cc1195
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/ui/links/EtherscanLinkBase.tsx b/src/components/ui/links/EtherscanLinkBase.tsx
@@ -13,8 +13,8 @@ export default function EtherscanBase({ children, ...rest }: LinkProps) {
   const { t } = useTranslation();
   const containerRef = useRef<HTMLDivElement>(null);
   return (
-    <ExternalLink {...rest}>
-      <Box ref={containerRef}>
+    <Box ref={containerRef}>
+      <ExternalLink {...rest}>
         <ModalTooltip
           label={t('etherscanTip')}
           placement="bottom"
@@ -23,7 +23,7 @@ export default function EtherscanBase({ children, ...rest }: LinkProps) {
           {/* Box here allows multiple children to be wrapped by a single tooltip */}
           <Box>{children}</Box>
         </ModalTooltip>
-      </Box>
-    </ExternalLink>
+      </ExternalLink>
+    </Box>
   );
 }