Generic DataFunctionArgs for Params typing

[sdriffill-tm]

The hook useParams is generic such that I can specify the params I'm expecting to be available for my route e.g.

It would be great if LoaderFunctionArgs and ActionFunctionArgs were similarly generic so that I can set this expectation consistently across my loader, action and route. E.g.

// manually keep this type up-to-date in each route or centralise it somewhere if desired
type Params = 'artist' | 'song';

export async function loader({ params }: LoaderFunctionArgs<Params>) {
  const { artist, song } = params;
  const album = params.album; // typescript error

  // return something...
}

export async function action({ params }: ActionFunctionArgs<Params>) {
  const { artist, song } = params;
  const album = params.album; // typescript error

  // do something...
}

export default function Playlist() {
  const params = useParams<Params>();
  const { artist, song } = params;
  const album = params.album; // typescript error

  // return something...
}

It would be even more awesome if remix could inspect the dynamic segments for the current route and determine this type for me, but I would definitely assume that's just completely out of the question! The proposal alone would be a really useful enhancement.

[sdriffill-tm]

P.S. Have been able to use the following as a workaround for the meantime:

import type { DataFunctionArgs as RemixDataFunctionArgs } from '@remix-run/node';
import type { Params } from '@remix-run/react';

export type DataFunctionArgs<Key extends string = string> = Omit<
  RemixDataFunctionArgs,
  'params'
> & {
  params: Params<Key>;
};

export type LoaderFunctionArgs<Key extends string = string> =
  DataFunctionArgs<Key>;
export type ActionFunctionArgs<Key extends string = string> =
  DataFunctionArgs<Key>;