Error Type
Console Error
Error Message
In HTML, <a> cannot be a descendant of <a>.
This will cause a hydration error.
...
<div className="mt-2">
<InstallTabs size="sm">
<TooltipProvider>
<TooltipProviderProvider scope={undefined} isOpenDelayedRef={{current:true}} delayDuration={700} ...>
<div className={"isolate ..."}>
<div className="w-full rou...">
<Tabs value="brew" onValueChange={function onValueChange} className="flex flex-col">
<TabsProvider scope={undefined} baseId="radix-r_2" value="brew" ...>
<Primitive.div dir="ltr" data-orientation="horizontal" className="flex flex-col" ref={null}>
<div dir="ltr" data-orientation="horizontal" className="flex flex-col" ref={null}>
<div className="flex items...">
<_c>
<LinkComponent href="https://ww..." target="_blank" rel="noreferrer" className="text-[11px..." ...>
<a
target="_blank"
rel="noreferrer"
className="text-[11px] py-1.5 text-muted-foreground hover:text-foreground motion-safe:tr..."
aria-hidden={true}
tabIndex={-1}
ref={function}
onClick={function onClick}
onMouseEnter={function onMouseEnter}
onTouchStart={function onTouchStart}
href="https://www.traces.com/install"
>
...
<Primitive.button.SlotClone aria-describedby={undefined} data-state="closed" ...>
<LinkComponent href="https://ww..." target="_blank" rel="noreferrer" ...>
<a
target="_blank"
rel="noreferrer"
aria-describedby={undefined}
data-state="closed"
onPointerMove={function handleEvent}
onPointerLeave={function handleEvent}
onPointerDown={function handleEvent}
onFocus={function handleEvent}
onBlur={function handleEvent}
ref={function}
onClick={function onClick}
onMouseEnter={function onMouseEnter}
onTouchStart={function onTouchStart}
href="https://www.traces.com/install"
>
...
at a (<anonymous>:null:null)
at undefined.Home (app/(home)/page.tsx:156:23)
at processTicksAndRejections (<anonymous>:1:34)
Code Frame
154 | aria-hidden="true"
155 | />
156 | <HomeOnboardingWizard />
| ^
157 | <div className="flex flex-col w-full px-4 md:px-6 lg:px-12 pt-12 pb-12 relative overflow-hidden">
158 | <div className="relative flex flex-col gap-12 w-full lg:max-w-4xl mx-auto">
159 | <div className="py-4">
Next.js version: 16.1.6 (Turbopack)