Minor type tweaks to cover edge cases about wouter

[Ty3uK]

// it this a real TypeScript code? :) I'm not sure, but you get the idea
type Match = [boolean, Params | null];

Yep, this is corrent TS code

The current type of the children prop in Router is ReactElement | ReactElement[], but this makes it impossible to use something like:

I think we should use ReactNode (analogue of Preact's ComponentChild):

type ReactNode = ReactChild | ReactFragment | ReactPortal | string | number | boolean | null | undefined;

[polRk]

type Params = { [paramName: string]: string } 

type MathWithParams<T> = [true, T]
type MathWithoutParams = [false, null]

type Match<T=Params> = MathWithParams<T> | MathWithoutParams;

[polRk]

It's better, because i can use condition statement and get valid type

interface MyInterface { name: string }

const [match, params] = useRoute<MyInterface>("/users/:name");

if (math) {
  params.name
}

[Ty3uK]

@polRk yep, good catch 👍

[molefrog]

@Ty3uK @StrayFromThePath Turns out, ReactNode type includes ReactFragment, so there is actually no need to write ReactNode | ReactNode[]. Fixed it in 66ceba1