Hydration error with simple elements?

Issues
1

Hi team!

When I try to reach my homepage on localhost:3000, I get this error:

Unhandled Runtime Error
Error: Hydration failed because the initial UI does not match what was rendered on the server.
See more info here: Text content does not match server-rendered HTML | Next.js

Now I have seen other thread about that on the forum, but in my case I really don’t know how to fix it?

Indeed, the problem seems to be coming from my component Shop Dropdown Item having some nested anchors? But I don’t understand what I am supposed to do to fix it?

In the plasmic studio when I go onto this component, I just have simple vertical stacks and text divs? I don’t get what I can do to “un-nest” things to fix the problem.

Here is the component link: Plasmic

Here is the error details on localhost telling me I believe where is the problem:

MyApp>
  <PlasmicRootProvider>
    <MaybeWrap>
      <DataProvider>
        <Suspense>
          <MaybeWrap>
            <SafePlasmicLinkProvider>
              <PlasmicLinkProvider>
                <Homepage>
                  <GlobalContextsProvider>
                    <AntdConfigProvider>
                      <ConfigProvider>
                        <ProviderChildren>
                          <MotionWrapper>
                            <LocaleProvider>
                              <ForkedApp>
                                <InnerConfigProvider>
                                  <Suspense>
                                    <GlobalActionsProvider>
                                      <PageParamsProvider>
                                        <DataProvider>
                                          <DataProvider>
                                            <DataProvider>
                                              <DataProvider>
                                                <WithUsePlasmicAuthComponent>
                                                  <func>
                                                    <div>
                                                      <div>
                                                        <Topbar_>
                                                          <func>
                                                            <section>
                                                              <div>
                                                                <div>
                                                                  <DropdownTopbar_>
                                                                    <func>
                                                                      <FlexStack_>
                                                                        <div>
                                                                          <div>
                                                                            <div>
                                                                              <DropdownTopbarShops_>
                                                                                <func>
                                                                                  <FlexStack_>
                                                                                    <div>
                                                                                      <div>
                                                                                        <div>
                                                                                        ^^^^^
                                                                                          <ShopDropdownItem_>
                                                                                            <func>
                                                                                              <div>
                                                                                              ^^^^^