breadcrumbs with `fullPath` type error

function Breadcrumbs() {
  const breadcrumbs = useMatches().filter((match) => isMatch(match, "loaderData.crumb")).filter((match) => !!match.loaderData?.crumb);

  return (
      <BreadcrumbList>
        <BreadcrumbSeparator />
        {breadcrumbs.map((match, index) => (
           ...
              <Link
                activeOptions={{ exact: true, includeSearch: false }}
                search={(prev) => ({ ...prev, action: prev.action })}
                params={match.params}
                to={match.fullPath}
              >
                {match.loaderData?.crumb}
              </Link>
          ...
        ))}
      </BreadcrumbList>
  );
}

1. Type '"/" | "/groups" | "/account" | "/groups/$slug_id" | "/groups/" | "/groups/$slug_id/members" | "/groups/$slug_id/settings" | "/groups/$slug_id/join/$token"' is not assignable to type '"/" | "/groups" | "/account" | "/groups/$slug_id" | "." | "/groups/$slug_id/members" | "/groups/$slug_id/settings" | "/groups/$slug_id/join/$token" | "/about" | "/landing" | ".."'.
     Type '"/groups/"' is not assignable to type '"/" | "/groups" | "/account" | "/groups/$slug_id" | "." | "/groups/$slug_id/members" | "/groups/$slug_id/settings" | "/groups/$slug_id/join/$token" | "/about" | "/landing" | ".."'. Did you mean '"/groups"'? [2322]

export const Route = createFileRoute("/_protected/groups")({
  component: GroupsLayout,
  loader: () => ({ crumb: "Groups" }),
});
export const Route = createFileRoute("/_protected/groups/")({
  component: GroupsRoute,
  loader: () => ({ crumb: "" }), // no crumb- this is handled in the layout for nesting
});