<LockOnMount>

<LockOnMount /> calls dataProvider.lock() on mount and dataProvider.unlock() on unmount to lock and unlock the record. It relies on authProvider.getIdentity() to get the identity of the current user. It guesses the current resource and recordId from the context (or the route) if not provided.

This feature requires a valid Enterprise Edition subscription.

Installation

npm install --save @react-admin/ra-core-ee
# or
yarn add @react-admin/ra-core-ee

Usage

import { EditBase, Form } from 'ra-core';
import { LockOnMount, useLockCallbacks } from '@react-admin/ra-core-ee';

const PostEdit = () => (
    <EditBase>
        <PostEditForm />
        <LockOnMount />
    </EditBase>
);

const PostEditForm = () => {
    const { isPending, isLocked } = useLockCallbacks();

    if (isPending) {
        return <p>Loading...</p>;
    }

    return <Form disabled={isLocked}>{/* ... */}</Form>;
};