What was defineLoader and defineAction removed in favor of?

[punkpeye]

How do I type loaders/actions now that these are removed?

[gustavopch]

export const loader = async (args: LoaderFunctionArgs) => { ... }

export const action = async (args: ActionFunctionArgs) => { ... }

[punkpeye]

Hopefully this saves some time for others:

import { type HeadersArgs } from '@remix-run/node';
import { type ActionFunctionArgs } from '@remix-run/node';
import { type LoaderFunctionArgs } from '@remix-run/node';
import { unstable_data } from '@remix-run/node';

export const defineAction =
  <T>(action: (args: ActionFunctionArgs) => T) =>
  (args: ActionFunctionArgs) => {
    return action(args);
  };

export const defineLoader =
  <T>(loader: (args: LoaderFunctionArgs) => T) =>
  (args: LoaderFunctionArgs) => {
    return loader(args);
  };

export const defineHeaders =
  (headers: (args: HeadersArgs) => Headers | HeadersInit) =>
  (args: HeadersArgs) => {
    return headers(args);
  };

export const defineData = unstable_data;

[0t4u]

even shorter:

import type { ActionFunction, HeadersFunction, LoaderFunction } from "@remix-run/node";

export const defineLoader = <T extends LoaderFunction>(loader: T): T => loader;
export const defineAction = <T extends ActionFunction>(action: T): T => action;
export const defineHeaders = <T extends HeadersFunction>(headers: T): T => headers;