How to make "Not found page" with "routing-controllers"?

[TokugawaTakeshi]

The problem is the route * is always being mapped before / that is why the top page is unreachable.
Here is the routes list printed by express-list-routes:

GET      \sign_in
POST     \api\sign_in
POST     \api\sign_out
GET      \admin\
GET      \privacy_policy
// ...
GET      *
GET      \

However the TopPageController going first and the NotFoundPageController going last:

import Express, { type Express as ExpressApplication } from "express";
import createExpressApplication from "express";
import { useExpressServer as supportClassSyntax } from "routing-controllers";

const expressApplication: ExpressApplication = createExpressApplication().use(/* ... */);

supportClassSyntax(
  expressApplication,
  {

      controllers: [
        TopPageController,
        // ...
        NotFoundPageController
      ]
  }
);

The controllers are:

@Controller()
export default class TopPageController {

  @GetRequest("/")
  @Render("Top/TopPage.hbs")
  protected async renderTopPage(): Promise<void> {
    // ...
 }

@Controller()
export default class NotFoundPageController {

  @GetRequest("*")
  @Render("Errors/NotFound/NotFoundErrorPage.hbs")
  protected render(): ViewCommonVariables {
    // ...
  }

}

How to correctly provide the "Not found" page?