Upgrading remix and remix-utils to latest version

[ralphja16]

Hi,

I'm updating a remix project because of vulnerability issues. This project is made by old colleagues about two years ago.
It's generally not a problem to upgrade the application, but I have two methods that aren't documented. I've also found this discussion #267 but as an outsider it is difficult to assess the impact

It's very difficult at the moment to see what the current implementation does, and how to change it to the new versions.

It's about the following to methods:

`import { createAuthenticityToken } from 'remix-utils';

export const vacancyLoaderFactory =
(key: keyof Pick<LookupControllerRetrieveVacancyDetailsRequest, 'id' | 'slug'>) =>
async ({ params, request }: LoaderFunctionArgs) => {
invariant(params[key], Expected params.${key});

	const { session, commitSession } = await getSession(request);
	const token = createAuthenticityToken(session);
	const cookie = await commitSession();

	let vacancy: VacancyDetail;
	try {
		vacancy = await gateway.lookup.lookupControllerRetrieveVacancyDetails({ [key]: params[key] });
	} catch (e) {
		throw new Response('Not found', { status: 404, statusText: 'Not found' });
	}

	let vimeo;
	try {
		vimeo = vacancy.videoUrl ? await getVimeoEmbed(vacancy.videoUrl) : undefined;
	} catch (error) {
		console.error(error);
		vimeo = undefined;
	}

	const uiVacancy = mapVacancy(vacancy);
	return json({ csrf: token, vacancy: uiVacancy, vimeo }, { headers: cookie ? { 'Set-Cookie': cookie } : {} });
};`

and 

` import { verifyAuthenticityToken } from 'remix-utils';

export async function action({
request,

}: ActionFunctionArgs): Promise<TypedResponse<ValidatorError | { result: 'success' } | { result: 'gateway_validation_error'; errors: string[] }>> {
const { session } = await getSession(request);
await verifyAuthenticityToken(request, session);

const uploadHandler = composeUploadHandlers(createMemoryUploadHandler({ maxPartSize: fiveMBInBytes * 2 }));
const formData = await parseMultipartFormData(request, uploadHandler);
const result = await withZod(interviewFormSchema).validate(formData);
if (result.error) {
	return validationError(result.error);
}

const mappedRequest = mapFormResultToSubmitApplicationRequest(result.data);
try {
	await gateway.market.marketControllerSubmitApplication(mappedRequest);
} catch (e) {
	console.error("Error at 'marketControllerSubmitApplication'");
	if (isResponseError(e)) {
		const problemDetails = HttpValidationProblemDetailsFromJSON(await e.response.json());
		if (e.response.status !== 400 || problemDetails.title === 'Not found') {
			handleUnknownError(e);
		}

		const flattenedErrors = Object.values(problemDetails.errors ?? {}).flat(1);
		return json({ result: 'gateway_validation_error', errors: flattenedErrors }, { status: 400 });
	}

	handleUnknownError(e);
}

return json({ result: 'success' }, { status: 201 });

function handleUnknownError(e: unknown) {
	console.error(e);
	throw new Response('Er is iets misgegaan', { status: 500 });
}

}`

Can someone help me with the migration of these two methods?