Confusion About Handling Error Results with Http.client

typescript    
const events = req.pipe(
      Http.client.fetch(),
      Effect.tapBoth({
        onFailure: (error) => Effect.logError({ message: 'Request failed', error }),
        onSuccess: (res) => Effect.logDebug({ message: 'RequestSuccessful', res }),
      }),
      Effect.flatMap(Http.response.schemaBodyJson(GetCalendarEventsResponse)),
      Effect.tap((res) => Effect.logDebug(`Returning ${res.items.length} parsed events.`)),
      Effect.map((res) => res.items)
    );

typescript    
const events = req.pipe(
      Http.client.fetch(),
      Effect.tapBoth({
        onFailure: (error) => Effect.logError({ message: 'Request failed', error }),
        onSuccess: (res) => Effect.logDebug({ message: 'RequestSuccessful', res }),
      }),
      Effect.flatMap(Http.response.schemaBodyJson(GetCalendarEventsResponse)),
      Effect.tap((res) => Effect.logDebug(`Returning ${res.items.length} parsed events.`)),
      Effect.map((res) => res.items)
    );