Improve type restriction of parametrized routes

[tllobregat]

Hello Aurélien,

J'étais sur un petit projet perso et je cherchais un moyen d'améliorer le typage des paramètres des routes lors de la navigation.

Avant, on faisait quelque chose du genre :

  onClick={() => navigate(Routes.MY_ROUTE.replace(':id', myRouteId))}

Le problème c'est que id n'était pas forcement un paramètre de la route en question.

Avec mes quelques modifications, on pourrait faire :

  onClick={() => navigate(Routes.MY_ROUTE.getParametrizedPath({ id: myRouteId }))}

Et avoir une erreur TS si :

• Le paramètre "id" n'est pas attendu
• Un paramètre est manquant
• Un paramètre n'est pas du bon type

Qu'en penses-tu ?

Aussi, grâce aux types "Params", cela nous permettrait de typer les useParams de react-router :

  const { param }: ParametrizedExampleParams = useParams() as ParametrizedExampleParams;

J'ai pour l'instant laisser les examples dans la PR mais on pourra les enlever bien sûr :)

[amanteaux]

Hello Thomas,

Je me demande si ton code ne vient pas d'une limitation de react router.
Je ne serai pas contre changer de lib et par exemple passer sur ça : https://github.com/zilch/type-route

A discuter

[amanteaux]

I created issue #46 to follow this.