import isEqual from "lodash.isequal";
import { useDeferredValue } from "react";
import { MemoDataProvider } from "../MemoDataProvider/MemoDataProvider";
export function DeferredValue({ name, value, children }) {
    const deferredValue = useDeferredValue(value);
    return (<MemoDataProvider name={name} data={{
            pending: !isEqual(deferredValue, value),
            current: deferredValue,
        }} deps={[deferredValue, value]}>
      {children}
    </MemoDataProvider>);
}
//# sourceMappingURL=DeferredValue.jsx.map