Type Change Issue When Adding Dependency to Layer

// ...
import { WorkspaceMembership } from "@contentbase/workspace-membership";
import { HttpApiBuilder } from "@effect/platform";
import { Effect, Layer } from "effect";
import { Api } from "../api.js";

export const HttpWorkspaceMembershipLive = HttpApiBuilder.group(Api, "workspaceMembership", (handlers) =>
  Effect.gen(function* () {
    const workspaceMembership = yield* WorkspaceMembership;

    return handlers.handle("updateWorkspaceMembership", ({ payload }) =>
      // ...
    );
  }),
).pipe(Layer.provide([AuthenticationMiddlewareLive]));

// ...
import { WorkspaceMembership } from "@contentbase/workspace-membership";
import { HttpApiBuilder } from "@effect/platform";
import { Effect, Layer } from "effect";
import { Api } from "../api.js";

export const HttpWorkspaceMembershipLive = HttpApiBuilder.group(Api, "workspaceMembership", (handlers) =>
  Effect.gen(function* () {
    const workspaceMembership = yield* WorkspaceMembership;

    return handlers.handle("updateWorkspaceMembership", ({ payload }) =>
      // ...
    );
  }),
).pipe(Layer.provide([AuthenticationMiddlewareLive]));

const HttpWorkspaceMembershipLive: Layer.Layer<Group<"workspaceMembership">, never, WorkspaceMembership>

const HttpWorkspaceMembershipLive: Layer.Layer<Group<"workspaceMembership">, never, WorkspaceMembership>

const HttpWorkspaceMembershipLive: Layer.Layer<Group<"workspaceMembership">, any, any>

const HttpWorkspaceMembershipLive: Layer.Layer<Group<"workspaceMembership">, any, any>