I have this controller:

@Controller
@Slf4j
@RequestMapping("/natalchart")
public class NatalChartDataController {

    @GetMapping({"/data"})
    public String data(Model model, NatalChartDataPayload data) {
        model.addAttribute("months", Month.values());
        return "natalChartData";

    }

    @ModelAttribute("data")
    public NatalChartDataPayload natalChartDataPayload(){
        return NatalChartDataPayload.builder().build();
    }

    @PostMapping("/create")
    public String createNatalChart(@Valid @ModelAttribute NatalChartDataPayload data,
                                   BindingResult result) {

        if (result.hasErrors()) {
            return "natalChartData";
        }

..
}

this is the template:

 <div class="container" data-aos="fade-up">
          <form method="post" th:action="@{/natalchart/create}" th:object="${data}">
          <div class="row">
            <div class="col-lg-8">
                <h4>Enter your birth details to create your natal chart</h4>

              <p> </p>
              <p> </p>

              
              <div th:if="${#fields.hasErrors('email')}" th:errors="*{email}">Email Error</div>

and the error:

but I don’t see the error message in the template