Issue with Effect not catching InsufficientCreditsError as expected

const logic = (userId: string) =>
    Effect.gen(function* (_) {
        const userCredits = yield* getUserCredits(userId)
        console.log("User credits", userCredits)
        if (userCredits < 195) {
            console.log("User has insufficient credits")
            Effect.fail(new InsufficientCreditsError())
        }
        Effect.succeed(userCredits)
    })

const logic = (userId: string) =>
    Effect.gen(function* (_) {
        const userCredits = yield* getUserCredits(userId)
        console.log("User credits", userCredits)
        if (userCredits < 195) {
            console.log("User has insufficient credits")
            Effect.fail(new InsufficientCreditsError())
        }
        Effect.succeed(userCredits)
    })

const program = logic(userId).pipe(
            Effect.catchTag("InsufficientCreditsError", (error) =>
                Effect.succeed(new Response(JSON.stringify({ success: false, error: "Insufficient credits" }), {
                    headers: { ...corsHeaders, "Content-Type": "application/json" },
                    status: 200,
                })),
            ),
        )

        Effect.runPromise(program).then((result) => {
            console.log("Result", result)
        })

const program = logic(userId).pipe(
            Effect.catchTag("InsufficientCreditsError", (error) =>
                Effect.succeed(new Response(JSON.stringify({ success: false, error: "Insufficient credits" }), {
                    headers: { ...corsHeaders, "Content-Type": "application/json" },
                    status: 200,
                })),
            ),
        )

        Effect.runPromise(program).then((result) => {
            console.log("Result", result)
        })