Can createContext include an async function field that updates itself?

[abeisleem]

Something like this

// context.ts
import { createContext } from 'react-router'

export type FieldsContext = {
	field: number | null
	otherField: number | null
	updateField: (fieldId: number) => Promise<void>
}

export const myFieldContext = createContext<FieldsContext>()

// my-route.ts

import { myFieldContext } from 'context`

export const middleware: Route.MiddlewareFunction[] = [
	async ({ context }) => {
		const {defaultField, defaultOtherField} = foo()
		context.set(myFieldContext, {
			field: defaultField,
			otherField: defaultOtherField,
			updateField: async (fieldId: number) => {
                                  // Will this be true? 
				const last = context.get(myFieldContext)
                                 // Will this propagate?
				context.set(myFieldContext, {
					...last,
					field: fieldId, 
					otherField: functionForOtherFieldBasedOnField(fieldId)
				})
				await asyncFunctionToUpdateDB(fieldId)
			},
		})
	}
]

[sergiodxa]

I suppose that should work, but I'm not sure what's the point? The values stored in a router context only live for that request, this is another a cache that can be shared between requests.