Is there a way to automatically type the loader params?

[AsuraKev]

Hi there,

I am using the loader function every where but having to explicity type the loader param is tedious. I am wondering if I am doing it wrong or theres a way to automatically enforce the type definition automatically?

thanks

[kiliman]

I think you want the types LoaderFunctionArgs and ActionFunctionArgs

import type { ActionFunctionArgs, LoaderFunctionArgs } from "react-router-dom";

loader: ({request, params, context}: LoaderFunctionArgs) => { ... }

react-router/packages/router/utils.ts

Lines 135 to 160 in 4475b56

	/**
	* @private
	* Arguments passed to route loader/action functions. Same for now but we keep
	* this as a private implementation detail in case they diverge in the future.
	*/
	interface DataFunctionArgs<Context> {
	request: Request;
	params: Params;
	context?: Context;
	}
	// TODO: (v7) Change the defaults from any to unknown in and remove Remix wrappers:
	// ActionFunction, ActionFunctionArgs, LoaderFunction, LoaderFunctionArgs
	// Also, make them a type alias instead of an interface
	/**
	* Arguments passed to loader functions
	*/
	export interface LoaderFunctionArgs<Context = any>
	extends DataFunctionArgs<Context> {}
	/**
	* Arguments passed to action functions
	*/
	export interface ActionFunctionArgs<Context = any>
	extends DataFunctionArgs<Context> {}

[aprilmintacpineda]

LoaderFunctionArgs is not generic though, how do we pass params type to it?

[nik-webdevelop]

@aprilmintacpineda +1 for this. Created separate discussion for this #11002