Fix Tooltip and Link Nesting ErrorsPublic

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)