Skip to main content

useUpdateLocalization

Updates one localization resource identified by language and key.

When to use it​

The returned resource is the server-confirmed value.

Setup​

Call it from a client-side React component below OvokProvider so it uses the client configured at that provider boundary.

Hook arguments​

The hook takes no configuration arguments. Call mutate(payload) when the user or workflow is ready to run the operation; the payload and result types are shown below.

TypeScript signature​

(): OvokMutationState<{ language: string; key: string; body: OvokLocalizationUpdate; }, OvokLocalization>

Mutation state​

The operation runs only when you call mutate(payload). The payload type is { language: string; key: string; body: OvokLocalizationUpdate; }; the returned promise and data carry OvokLocalization.

FieldMeaning
dataLatest successful result, or undefined before success.
loadingWhether the mutation is running.
errorNormalized Error from the latest failure.
mutateStarts the operation, resolves with its result, and rejects on failure.
resetClears mutation data and error state.

Request behavior​

The mutation is explicit: collect and validate the input in your UI, disable repeated submission while loading is true, handle the rejected promise, and render error near the action.

Example​

Call the mutation from an event handler and show its error beside the action.

import { useUpdateLocalization } from '@ovok/core';

type Input = Parameters<ReturnType<typeof useUpdateLocalization>['mutate']>[0];

export function UpdateLocalizationExample({ input }: { input: Input }) {
  const { mutate, loading, error } = useUpdateLocalization();
  async function submit() {
    try { await mutate(input); } catch { /* The hook exposes the error below. */ }
  }
  return <section>
    <button disabled={loading} onClick={() => void submit()}>Submit</button>
    {error && <p role="alert">{error.message}</p>}
  </section>;
}