Choosing Services in Remix: `provideService` vs `provideLayer` vs `Context`

export const makeDataFunction =
  <E extends Response, A extends Response | null>(
    self: () => Effect.Effect<DataFunctionArgs | TenantService, E, A>,
  ) =>
(loaderArgs: DataFunctionArgs) => {
    const ArgsLive = Layer.succeed(LoaderArgs, LoaderArgs.of(loaderArgs));

    const LocalLive = Layer.provideMerge(
      ArgsLive,
      Layer.effect(
        TenantServiceTag,
        getTenantFromRequest.pipe(
          Effect.map((tenant) => TenantServiceTag.of({ tenant })),
        ),
      ),
    );

    const HandlerLive = Layer.merge(LocalLive, AppLive);

    return Effect.provideLayer(self(), HandlerLive)...