Custom Error Messages in Effect Schema Not Displaying

const User = Schema.Struct({
  email: Schema.String.pipe(
    Schema.nonEmptyString({ message: () => ({ message: 'Email is required', override: true }) }),
  ),
  password: Schema.String.pipe(
    Schema.nonEmptyString({ message: () => ({ message: 'Password is required', override: true }) }),
  ),
  firstname: Schema.String.pipe(
    Schema.nonEmptyString({
      message: () => ({ message: 'First name is required', override: true }),
    }),
  ),
  lastname: Schema.String.pipe(
    Schema.nonEmptyString({
      message: () => ({ message: 'Last name is required', override: true }),
    }),
  ),
})

const User = Schema.Struct({
  email: Schema.String.pipe(
    Schema.nonEmptyString({ message: () => ({ message: 'Email is required', override: true }) }),
  ),
  password: Schema.String.pipe(
    Schema.nonEmptyString({ message: () => ({ message: 'Password is required', override: true }) }),
  ),
  firstname: Schema.String.pipe(
    Schema.nonEmptyString({
      message: () => ({ message: 'First name is required', override: true }),
    }),
  ),
  lastname: Schema.String.pipe(
    Schema.nonEmptyString({
      message: () => ({ message: 'Last name is required', override: true }),
    }),
  ),
})

const submittedData = Object.fromEntries(formData)
  const decodedData = Schema.decodeUnknownEither(User, { errors: 'all' })(submittedData)
  if (Either.isLeft(decodedData)) {
    const errors = ParseResult.ArrayFormatter.formatErrorSync(decodedData.left).map((issue) => [
      issue.path[0],
      issue.message,
    ])

const submittedData = Object.fromEntries(formData)
  const decodedData = Schema.decodeUnknownEither(User, { errors: 'all' })(submittedData)
  if (Either.isLeft(decodedData)) {
    const errors = ParseResult.ArrayFormatter.formatErrorSync(decodedData.left).map((issue) => [
      issue.path[0],
      issue.message,
    ])