mobx-react 8.0.0 → 9.0.1

package/dist/mobxreact.esm.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobxreact.esm.production.min.js","sources":["../src/utils/utils.ts","../src/observerClass.ts","../src/observer.tsx","../src/Provider.tsx","../src/inject.ts","../src/disposeOnUnmount.ts","../src/propTypes.ts","../src/index.ts"],"sourcesContent":["export function shallowEqual(objA: any, objB: any): boolean {\n    //From: https://github.com/facebook/fbjs/blob/c69904a511b900266935168223063dd8772dfc40/packages/fbjs/src/core/shallowEqual.js\n    if (is(objA, objB)) {\n        return true\n    }\n    if (typeof objA !== \"object\" || objA === null || typeof objB !== \"object\" || objB === null) {\n        return false\n    }\n    const keysA = Object.keys(objA)\n    const keysB = Object.keys(objB)\n    if (keysA.length !== keysB.length) {\n        return false\n    }\n    for (let i = 0; i < keysA.length; i++) {\n        if (!Object.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {\n            return false\n        }\n    }\n    return true\n}\n\nfunction is(x: any, y: any): boolean {\n    // From: https://github.com/facebook/fbjs/blob/c69904a511b900266935168223063dd8772dfc40/packages/fbjs/src/core/shallowEqual.js\n    if (x === y) {\n        return x !== 0 || 1 / x === 1 / y\n    } else {\n        return x !== x && y !== y\n    }\n}\n\n// based on https://github.com/mridgway/hoist-non-react-statics/blob/master/src/index.js\nconst hoistBlackList = {\n    $$typeof: 1,\n    render: 1,\n    compare: 1,\n    type: 1,\n    childContextTypes: 1,\n    contextType: 1,\n    contextTypes: 1,\n    defaultProps: 1,\n    getDefaultProps: 1,\n    getDerivedStateFromError: 1,\n    getDerivedStateFromProps: 1,\n    mixins: 1,\n    displayName: 1,\n    propTypes: 1\n}\n\nexport function copyStaticProperties(base: object, target: object): void {\n    const protoProps = Object.getOwnPropertyNames(Object.getPrototypeOf(base))\n    Object.getOwnPropertyNames(base).forEach(key => {\n        if (!hoistBlackList[key] && protoProps.indexOf(key) === -1) {\n            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(base, key)!)\n        }\n    })\n}\n\n/**\n * Helper to set `prop` to `this` as non-enumerable (hidden prop)\n * @param target\n * @param prop\n * @param value\n */\nexport function setHiddenProp(target: object, prop: any, value: any): void {\n    if (!Object.hasOwnProperty.call(target, prop)) {\n        Object.defineProperty(target, prop, {\n            enumerable: false,\n            configurable: true,\n            writable: true,\n            value\n        })\n    } else {\n        target[prop] = value\n    }\n}\n\n/**\n * Utilities for patching componentWillUnmount, to make sure @disposeOnUnmount works correctly icm with user defined hooks\n * and the handler provided by mobx-react\n */\nconst mobxMixins = Symbol(\"patchMixins\")\nconst mobxPatchedDefinition = Symbol(\"patchedDefinition\")\n\nexport interface Mixins extends Record<string, any> {\n    locks: number\n    methods: Array<Function>\n}\n\nfunction getMixins(target: object, methodName: string): Mixins {\n    const mixins = (target[mobxMixins] = target[mobxMixins] || {})\n    const methodMixins = (mixins[methodName] = mixins[methodName] || {})\n    methodMixins.locks = methodMixins.locks || 0\n    methodMixins.methods = methodMixins.methods || []\n    return methodMixins\n}\n\nfunction wrapper(realMethod: Function, mixins: Mixins, ...args: Array<any>) {\n    // locks are used to ensure that mixins are invoked only once per invocation, even on recursive calls\n    mixins.locks++\n\n    try {\n        let retVal\n        if (realMethod !== undefined && realMethod !== null) {\n            retVal = realMethod.apply(this, args)\n        }\n\n        return retVal\n    } finally {\n        mixins.locks--\n        if (mixins.locks === 0) {\n            mixins.methods.forEach(mx => {\n                mx.apply(this, args)\n            })\n        }\n    }\n}\n\nfunction wrapFunction(realMethod: Function, mixins: Mixins): (...args: Array<any>) => any {\n    const fn = function (...args: Array<any>) {\n        wrapper.call(this, realMethod, mixins, ...args)\n    }\n    return fn\n}\n\nexport function patch(target: object, methodName: string, mixinMethod: Function): void {\n    const mixins = getMixins(target, methodName)\n\n    if (mixins.methods.indexOf(mixinMethod) < 0) {\n        mixins.methods.push(mixinMethod)\n    }\n\n    const oldDefinition = Object.getOwnPropertyDescriptor(target, methodName)\n    if (oldDefinition && oldDefinition[mobxPatchedDefinition]) {\n        // already patched definition, do not repatch\n        return\n    }\n\n    const originalMethod = target[methodName]\n    const newDefinition = createDefinition(\n        target,\n        methodName,\n        oldDefinition ? oldDefinition.enumerable : undefined,\n        mixins,\n        originalMethod\n    )\n\n    Object.defineProperty(target, methodName, newDefinition)\n}\n\nfunction createDefinition(\n    target: object,\n    methodName: string,\n    enumerable: any,\n    mixins: Mixins,\n    originalMethod: Function\n): PropertyDescriptor {\n    let wrappedFunc = wrapFunction(originalMethod, mixins)\n\n    return {\n        // @ts-ignore\n        [mobxPatchedDefinition]: true,\n        get: function () {\n            return wrappedFunc\n        },\n        set: function (value) {\n            if (this === target) {\n                wrappedFunc = wrapFunction(value, mixins)\n            } else {\n                // when it is an instance of the prototype/a child prototype patch that particular case again separately\n                // since we need to store separate values depending on wether it is the actual instance, the prototype, etc\n                // e.g. the method for super might not be the same as the method for the prototype which might be not the same\n                // as the method for the instance\n                const newDefinition = createDefinition(this, methodName, enumerable, mixins, value)\n                Object.defineProperty(this, methodName, newDefinition)\n            }\n        },\n        configurable: true,\n        enumerable: enumerable\n    }\n}\n","import { PureComponent, Component, ComponentClass, ClassAttributes } from \"react\"\nimport {\n    createAtom,\n    _allowStateChanges,\n    Reaction,\n    _allowStateReadsStart,\n    _allowStateReadsEnd,\n    _getGlobalState,\n    IAtom\n} from \"mobx\"\nimport {\n    isUsingStaticRendering,\n    _observerFinalizationRegistry as observerFinalizationRegistry\n} from \"mobx-react-lite\"\nimport { shallowEqual, patch } from \"./utils/utils\"\n\nconst administrationSymbol = Symbol(\"ObserverAdministration\")\nconst isMobXReactObserverSymbol = Symbol(\"isMobXReactObserver\")\n\ntype ObserverAdministration = {\n    reaction: Reaction | null // also serves as disposed flag\n    forceUpdate: Function | null\n    mounted: boolean // we could use forceUpdate as mounted flag\n    name: string\n    propsAtom: IAtom\n    stateAtom: IAtom\n    contextAtom: IAtom\n    props: any\n    state: any\n    context: any\n    // Setting this.props causes forceUpdate, because this.props is observable.\n    // forceUpdate sets this.props.\n    // This flag is used to avoid the loop.\n    isUpdating: boolean\n}\n\nfunction getAdministration(component: Component): ObserverAdministration {\n    // We create administration lazily, because we can't patch constructor\n    // and the exact moment of initialization partially depends on React internals.\n    // At the time of writing this, the first thing invoked is one of the observable getter/setter (state/props/context).\n    return (component[administrationSymbol] ??= {\n        reaction: null,\n        mounted: false,\n        forceUpdate: null,\n        name: getDisplayName(component.constructor as ComponentClass),\n        state: undefined,\n        props: undefined,\n        context: undefined,\n        propsAtom: createAtom(\"props\"),\n        stateAtom: createAtom(\"state\"),\n        contextAtom: createAtom(\"context\"),\n        isUpdating: false\n    })\n}\n\nexport function makeClassComponentObserver(\n    componentClass: ComponentClass<any, any>\n): ComponentClass<any, any> {\n    const { prototype } = componentClass\n\n    if (componentClass[isMobXReactObserverSymbol]) {\n        const displayName = getDisplayName(componentClass)\n        console.warn(\n            `The provided component class (${displayName})\n                has already been declared as an observer component.`\n        )\n    } else {\n        componentClass[isMobXReactObserverSymbol] = true\n    }\n\n    if (prototype.componentWillReact) {\n        throw new Error(\"The componentWillReact life-cycle event is no longer supported\")\n    }\n    if (componentClass[\"__proto__\"] !== PureComponent) {\n        if (!prototype.shouldComponentUpdate) {\n            prototype.shouldComponentUpdate = observerSCU\n        } else if (prototype.shouldComponentUpdate !== observerSCU) {\n            // n.b. unequal check, instead of existence check, as @observer might be on superclass as well\n            throw new Error(\n                \"It is not allowed to use shouldComponentUpdate in observer based components.\"\n            )\n        }\n    }\n\n    // this.props and this.state are made observable, just to make sure @computed fields that\n    // are defined inside the component, and which rely on state or props, re-compute if state or props change\n    // (otherwise the computed wouldn't update and become stale on props change, since props are not observable)\n    // However, this solution is not without it's own problems: https://github.com/mobxjs/mobx-react/issues?utf8=%E2%9C%93&q=is%3Aissue+label%3Aobservable-props-or-not+\n    Object.defineProperties(prototype, {\n        props: observablePropsDescriptor,\n        state: observableStateDescriptor,\n        context: observableContextDescriptor\n    })\n\n    const originalRender = prototype.render\n    if (typeof originalRender !== \"function\") {\n        const displayName = getDisplayName(componentClass)\n        throw new Error(\n            `[mobx-react] class component (${displayName}) is missing \\`render\\` method.` +\n                `\\n\\`observer\\` requires \\`render\\` being a function defined on prototype.` +\n                `\\n\\`render = () => {}\\` or \\`render = function() {}\\` is not supported.`\n        )\n    }\n\n    prototype.render = function () {\n        Object.defineProperty(this, \"render\", {\n            // There is no safe way to replace render, therefore it's forbidden.\n            configurable: false,\n            writable: false,\n            value: isUsingStaticRendering()\n                ? originalRender\n                : createReactiveRender.call(this, originalRender)\n        })\n        return this.render()\n    }\n\n    patch(prototype, \"componentDidMount\", function () {\n        // `componentDidMount` may not be called at all. React can abandon the instance after `render`.\n        // That's why we use finalization registry to dispose reaction created during render.\n        // Happens with `<Suspend>` see #3492\n        //\n        // `componentDidMount` can be called immediately after `componentWillUnmount` without calling `render` in between.\n        // Happens with `<StrictMode>`see #3395.\n        //\n        // If `componentDidMount` is called, it's guaranteed to run synchronously with render (similary to `useLayoutEffect`).\n        // Therefore we don't have to worry about external (observable) state being updated before mount (no state version checking).\n        //\n        // Things may change: \"In the future, React will provide a feature that lets components preserve state between unmounts\"\n\n        const admin = getAdministration(this)\n\n        admin.mounted = true\n\n        // Component instance committed, prevent reaction disposal.\n        observerFinalizationRegistry.unregister(admin)\n\n        // We don't set forceUpdate before mount because it requires a reference to `this`,\n        // therefore `this` could NOT be garbage collected before mount,\n        // preventing reaction disposal by FinalizationRegistry and leading to memory leak.\n        // As an alternative we could have `admin.instanceRef = new WeakRef(this)`, but lets avoid it if possible.\n        admin.forceUpdate = () => this.forceUpdate()\n\n        if (!admin.reaction) {\n            // 1. Instance was unmounted (reaction disposed) and immediately remounted without running render #3395.\n            // 2. Reaction was disposed by finalization registry before mount. Shouldn't ever happen for class components:\n            // `componentDidMount` runs synchronously after render, but our registry are deferred (can't run in between).\n            // In any case we lost subscriptions to observables, so we have to create new reaction and re-render to resubscribe.\n            // The reaction will be created lazily by following render.\n            admin.forceUpdate()\n        }\n    })\n\n    patch(prototype, \"componentWillUnmount\", function () {\n        if (isUsingStaticRendering()) {\n            return\n        }\n        const admin = getAdministration(this)\n        admin.reaction?.dispose()\n        admin.reaction = null\n        admin.forceUpdate = null\n        admin.mounted = false\n    })\n\n    return componentClass\n}\n\n// Generates a friendly name for debugging\nfunction getDisplayName(componentClass: ComponentClass) {\n    return componentClass.displayName || componentClass.name || \"<component>\"\n}\n\nfunction createReactiveRender(originalRender: any) {\n    const boundOriginalRender = originalRender.bind(this)\n\n    const admin = getAdministration(this)\n\n    function reactiveRender() {\n        if (!admin.reaction) {\n            // Create reaction lazily to support re-mounting #3395\n            admin.reaction = createReaction(admin)\n            if (!admin.mounted) {\n                // React can abandon this instance and never call `componentDidMount`/`componentWillUnmount`,\n                // we have to make sure reaction will be disposed.\n                observerFinalizationRegistry.register(this, admin, this)\n            }\n        }\n\n        let error: unknown = undefined\n        let renderResult = undefined\n        admin.reaction.track(() => {\n            try {\n                // TODO@major\n                // Optimization: replace with _allowStateChangesStart/End (not available in mobx@6.0.0)\n                renderResult = _allowStateChanges(false, boundOriginalRender)\n            } catch (e) {\n                error = e\n            }\n        })\n        if (error) {\n            throw error\n        }\n        return renderResult\n    }\n\n    return reactiveRender\n}\n\nfunction createReaction(admin: ObserverAdministration) {\n    return new Reaction(`${admin.name}.render()`, () => {\n        if (admin.isUpdating) {\n            // Reaction is suppressed when setting new state/props/context,\n            // this is when component is already being updated.\n            return\n        }\n\n        if (!admin.mounted) {\n            // This is neccessary to avoid react warning about calling forceUpdate on component that isn't mounted yet.\n            // This happens when component is abandoned after render - our reaction is already created and reacts to changes.\n            // Due to the synchronous nature of `componenDidMount`, we don't have to worry that component could eventually mount and require update.\n            return\n        }\n\n        try {\n            // forceUpdate sets new `props`, since we made it observable, it would `reportChanged`, causing a loop.\n            admin.isUpdating = true\n            admin.forceUpdate?.()\n        } catch (error) {\n            admin.reaction?.dispose()\n            admin.reaction = null\n        } finally {\n            admin.isUpdating = false\n        }\n    })\n}\n\nfunction observerSCU(nextProps: ClassAttributes<any>, nextState: any): boolean {\n    if (isUsingStaticRendering()) {\n        console.warn(\n            \"[mobx-react] It seems that a re-rendering of a React component is triggered while in static (server-side) mode. Please make sure components are rendered only once server-side.\"\n        )\n    }\n    // update on any state changes (as is the default)\n    if (this.state !== nextState) {\n        return true\n    }\n    // update if props are shallowly not equal, inspired by PureRenderMixin\n    // we could return just 'false' here, and avoid the `skipRender` checks etc\n    // however, it is nicer if lifecycle events are triggered like usually,\n    // so we return true here if props are shallowly modified.\n    return !shallowEqual(this.props, nextProps)\n}\n\nfunction createObservablePropDescriptor(key: \"props\" | \"state\" | \"context\") {\n    const atomKey = `${key}Atom`\n    return {\n        configurable: true,\n        enumerable: true,\n        get() {\n            const admin = getAdministration(this)\n\n            let prevReadState = _allowStateReadsStart(true)\n\n            admin[atomKey].reportObserved()\n\n            _allowStateReadsEnd(prevReadState)\n\n            return admin[key]\n        },\n        set(value) {\n            const admin = getAdministration(this)\n            // forceUpdate issued by reaction sets new props.\n            // It sets isUpdating to true to prevent loop.\n            if (!admin.isUpdating && !shallowEqual(admin[key], value)) {\n                admin[key] = value\n                // This notifies all observers including our component,\n                // but we don't want to cause `forceUpdate`, because component is already updating,\n                // therefore supress component reaction.\n                admin.isUpdating = true\n                admin[atomKey].reportChanged()\n                admin.isUpdating = false\n            } else {\n                admin[key] = value\n            }\n        }\n    }\n}\n\nconst observablePropsDescriptor = createObservablePropDescriptor(\"props\")\nconst observableStateDescriptor = createObservablePropDescriptor(\"state\")\nconst observableContextDescriptor = createObservablePropDescriptor(\"context\")\n","import * as React from \"react\"\nimport { observer as observerLite } from \"mobx-react-lite\"\n\nimport { makeClassComponentObserver } from \"./observerClass\"\nimport { IReactComponent } from \"./types/IReactComponent\"\n\n/**\n * Observer function / decorator\n */\nexport function observer<T extends IReactComponent>(component: T): T {\n    if (component[\"isMobxInjector\"] === true) {\n        console.warn(\n            \"Mobx observer: You are trying to use `observer` on a component that already has `inject`. Please apply `observer` before applying `inject`\"\n        )\n    }\n\n    if (\n        Object.prototype.isPrototypeOf.call(React.Component, component) ||\n        Object.prototype.isPrototypeOf.call(React.PureComponent, component)\n    ) {\n        // Class component\n        return makeClassComponentObserver(component as React.ComponentClass<any, any>) as T\n    } else {\n        // Function component\n        return observerLite(component as React.FunctionComponent<any>) as T\n    }\n}\n","import React from \"react\"\nimport { shallowEqual } from \"./utils/utils\"\nimport { IValueMap } from \"./types/IValueMap\"\n\nexport const MobXProviderContext = React.createContext<IValueMap>({})\n\nexport interface ProviderProps extends IValueMap {\n    children: React.ReactNode\n}\n\nexport function Provider(props: ProviderProps) {\n    const { children, ...stores } = props\n    const parentValue = React.useContext(MobXProviderContext)\n    const mutableProviderRef = React.useRef({ ...parentValue, ...stores })\n    const value = mutableProviderRef.current\n\n    if (__DEV__) {\n        const newValue = { ...value, ...stores } // spread in previous state for the context based stores\n        if (!shallowEqual(value, newValue)) {\n            throw new Error(\n                \"MobX Provider: The set of provided stores has changed. See: https://github.com/mobxjs/mobx-react#the-set-of-provided-stores-has-changed-error.\"\n            )\n        }\n    }\n\n    return <MobXProviderContext.Provider value={value}>{children}</MobXProviderContext.Provider>\n}\n\nProvider.displayName = \"MobXProvider\"\n","import React from \"react\"\nimport { observer } from \"./observer\"\nimport { copyStaticProperties } from \"./utils/utils\"\nimport { MobXProviderContext } from \"./Provider\"\nimport { IReactComponent } from \"./types/IReactComponent\"\nimport { IValueMap } from \"./types/IValueMap\"\nimport { IWrappedComponent } from \"./types/IWrappedComponent\"\nimport { IStoresToProps } from \"./types/IStoresToProps\"\n\n/**\n * Store Injection\n */\nfunction createStoreInjector(\n    grabStoresFn: IStoresToProps,\n    component: IReactComponent<any>,\n    injectNames: string,\n    makeReactive: boolean\n): IReactComponent<any> {\n    // Support forward refs\n    let Injector: IReactComponent<any> = React.forwardRef((props, ref) => {\n        const newProps = { ...props }\n        const context = React.useContext(MobXProviderContext)\n        Object.assign(newProps, grabStoresFn(context || {}, newProps) || {})\n\n        if (ref) {\n            newProps.ref = ref\n        }\n\n        return React.createElement(component, newProps)\n    })\n\n    if (makeReactive) Injector = observer(Injector)\n    Injector[\"isMobxInjector\"] = true // assigned late to suppress observer warning\n\n    // Static fields from component should be visible on the generated Injector\n    copyStaticProperties(component, Injector)\n    Injector[\"wrappedComponent\"] = component\n    Injector.displayName = getInjectName(component, injectNames)\n    return Injector\n}\n\nfunction getInjectName(component: IReactComponent<any>, injectNames: string): string {\n    let displayName\n    const componentName =\n        component.displayName ||\n        component.name ||\n        (component.constructor && component.constructor.name) ||\n        \"Component\"\n    if (injectNames) displayName = \"inject-with-\" + injectNames + \"(\" + componentName + \")\"\n    else displayName = \"inject(\" + componentName + \")\"\n    return displayName\n}\n\nfunction grabStoresByName(\n    storeNames: Array<string>\n): (\n    baseStores: IValueMap,\n    nextProps: React.ClassAttributes<any>\n) => React.PropsWithRef<any> | undefined {\n    return function (baseStores, nextProps) {\n        storeNames.forEach(function (storeName) {\n            if (\n                storeName in nextProps // prefer props over stores\n            )\n                return\n            if (!(storeName in baseStores))\n                throw new Error(\n                    \"MobX injector: Store '\" +\n                        storeName +\n                        \"' is not available! Make sure it is provided by some Provider\"\n                )\n            nextProps[storeName] = baseStores[storeName]\n        })\n        return nextProps\n    }\n}\n\nexport function inject(\n    ...stores: Array<string>\n): <T extends IReactComponent<any>>(\n    target: T\n) => T & (T extends IReactComponent<infer P> ? IWrappedComponent<P> : never)\nexport function inject<S extends IValueMap = {}, P extends IValueMap = {}, I extends IValueMap = {}, C extends IValueMap = {}>(\n    fn: IStoresToProps<S, P, I, C>\n): <T extends IReactComponent>(target: T) => T & IWrappedComponent<P>\n\n/**\n * higher order component that injects stores to a child.\n * takes either a varargs list of strings, which are stores read from the context,\n * or a function that manually maps the available stores from the context to props:\n * storesToProps(mobxStores, props, context) => newProps\n */\nexport function inject(/* fn(stores, nextProps) or ...storeNames */ ...storeNames: Array<any>) {\n    if (typeof arguments[0] === \"function\") {\n        let grabStoresFn = arguments[0]\n        return (componentClass: React.ComponentClass<any, any>) =>\n            createStoreInjector(grabStoresFn, componentClass, grabStoresFn.name, true)\n    } else {\n        return (componentClass: React.ComponentClass<any, any>) =>\n            createStoreInjector(\n                grabStoresByName(storeNames),\n                componentClass,\n                storeNames.join(\"-\"),\n                false\n            )\n    }\n}\n","import React from \"react\"\nimport { patch } from \"./utils/utils\"\n\nconst reactMajorVersion = Number.parseInt(React.version.split(\".\")[0])\nlet warnedAboutDisposeOnUnmountDeprecated = false\n\ntype Disposer = () => void\n\nconst protoStoreKey = Symbol(\"disposeOnUnmountProto\")\nconst instStoreKey = Symbol(\"disposeOnUnmountInst\")\n\nfunction runDisposersOnWillUnmount() {\n    ;[...(this[protoStoreKey] || []), ...(this[instStoreKey] || [])].forEach(propKeyOrFunction => {\n        const prop =\n            typeof propKeyOrFunction === \"string\" ? this[propKeyOrFunction] : propKeyOrFunction\n        if (prop !== undefined && prop !== null) {\n            if (Array.isArray(prop)) prop.map(f => f())\n            else prop()\n        }\n    })\n}\n\n/**\n * @deprecated `disposeOnUnmount` is not compatible with React 18 and higher.\n */\nexport function disposeOnUnmount(target: React.Component<any, any>, propertyKey: PropertyKey): void\n\n/**\n * @deprecated `disposeOnUnmount` is not compatible with React 18 and higher.\n */\nexport function disposeOnUnmount<TF extends Disposer | Array<Disposer>>(\n    target: React.Component<any, any>,\n    fn: TF\n): TF\n\n/**\n * @deprecated `disposeOnUnmount` is not compatible with React 18 and higher.\n */\nexport function disposeOnUnmount(\n    target: React.Component<any, any>,\n    propertyKeyOrFunction: PropertyKey | Disposer | Array<Disposer>\n): PropertyKey | Disposer | Array<Disposer> | void {\n    if (Array.isArray(propertyKeyOrFunction)) {\n        return propertyKeyOrFunction.map(fn => disposeOnUnmount(target, fn))\n    }\n\n    if (!warnedAboutDisposeOnUnmountDeprecated) {\n        if (reactMajorVersion >= 18) {\n            console.error(\n                \"[mobx-react] disposeOnUnmount is not compatible with React 18 and higher. Don't use it.\"\n            )\n        } else {\n            console.warn(\n                \"[mobx-react] disposeOnUnmount is deprecated. It won't work correctly with React 18 and higher.\"\n            )\n        }\n        warnedAboutDisposeOnUnmountDeprecated = true\n    }\n\n    const c = Object.getPrototypeOf(target).constructor\n    const c2 = Object.getPrototypeOf(target.constructor)\n    // Special case for react-hot-loader\n    const c3 = Object.getPrototypeOf(Object.getPrototypeOf(target))\n    if (\n        !(\n            c === React.Component ||\n            c === React.PureComponent ||\n            c2 === React.Component ||\n            c2 === React.PureComponent ||\n            c3 === React.Component ||\n            c3 === React.PureComponent\n        )\n    ) {\n        throw new Error(\n            \"[mobx-react] disposeOnUnmount only supports direct subclasses of React.Component or React.PureComponent.\"\n        )\n    }\n\n    if (\n        typeof propertyKeyOrFunction !== \"string\" &&\n        typeof propertyKeyOrFunction !== \"function\" &&\n        !Array.isArray(propertyKeyOrFunction)\n    ) {\n        throw new Error(\n            \"[mobx-react] disposeOnUnmount only works if the parameter is either a property key or a function.\"\n        )\n    }\n\n    // decorator's target is the prototype, so it doesn't have any instance properties like props\n    const isDecorator = typeof propertyKeyOrFunction === \"string\"\n\n    // add property key / function we want run (disposed) to the store\n    const componentWasAlreadyModified = !!target[protoStoreKey] || !!target[instStoreKey]\n    const store = isDecorator\n        ? // decorators are added to the prototype store\n          target[protoStoreKey] || (target[protoStoreKey] = [])\n        : // functions are added to the instance store\n          target[instStoreKey] || (target[instStoreKey] = [])\n\n    store.push(propertyKeyOrFunction)\n\n    // tweak the component class componentWillUnmount if not done already\n    if (!componentWasAlreadyModified) {\n        patch(target, \"componentWillUnmount\", runDisposersOnWillUnmount)\n    }\n\n    // return the disposer as is if invoked as a non decorator\n    if (typeof propertyKeyOrFunction !== \"string\") {\n        return propertyKeyOrFunction\n    }\n}\n","import { isObservableArray, isObservableObject, isObservableMap, untracked } from \"mobx\"\n\n// Copied from React.PropTypes\nfunction createChainableTypeChecker(validator: React.Validator<any>): React.Requireable<any> {\n    function checkType(\n        isRequired: boolean,\n        props: any,\n        propName: string,\n        componentName: string,\n        location: string,\n        propFullName: string,\n        ...rest: any[]\n    ) {\n        return untracked(() => {\n            componentName = componentName || \"<<anonymous>>\"\n            propFullName = propFullName || propName\n            if (props[propName] == null) {\n                if (isRequired) {\n                    const actual = props[propName] === null ? \"null\" : \"undefined\"\n                    return new Error(\n                        \"The \" +\n                            location +\n                            \" `\" +\n                            propFullName +\n                            \"` is marked as required \" +\n                            \"in `\" +\n                            componentName +\n                            \"`, but its value is `\" +\n                            actual +\n                            \"`.\"\n                    )\n                }\n                return null\n            } else {\n                // @ts-ignore rest arg is necessary for some React internals - fails tests otherwise\n                return validator(props, propName, componentName, location, propFullName, ...rest)\n            }\n        })\n    }\n\n    const chainedCheckType: any = checkType.bind(null, false)\n    // Add isRequired to satisfy Requirable\n    chainedCheckType.isRequired = checkType.bind(null, true)\n    return chainedCheckType\n}\n\n// Copied from React.PropTypes\nfunction isSymbol(propType: any, propValue: any): boolean {\n    // Native Symbol.\n    if (propType === \"symbol\") {\n        return true\n    }\n\n    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'\n    if (propValue[\"@@toStringTag\"] === \"Symbol\") {\n        return true\n    }\n\n    // Fallback for non-spec compliant Symbols which are polyfilled.\n    if (typeof Symbol === \"function\" && propValue instanceof Symbol) {\n        return true\n    }\n\n    return false\n}\n\n// Copied from React.PropTypes\nfunction getPropType(propValue: any): string {\n    const propType = typeof propValue\n    if (Array.isArray(propValue)) {\n        return \"array\"\n    }\n    if (propValue instanceof RegExp) {\n        // Old webkits (at least until Android 4.0) return 'function' rather than\n        // 'object' for typeof a RegExp. We'll normalize this here so that /bla/\n        // passes PropTypes.object.\n        return \"object\"\n    }\n    if (isSymbol(propType, propValue)) {\n        return \"symbol\"\n    }\n    return propType\n}\n\n// This handles more types than `getPropType`. Only used for error messages.\n// Copied from React.PropTypes\nfunction getPreciseType(propValue: any): string {\n    const propType = getPropType(propValue)\n    if (propType === \"object\") {\n        if (propValue instanceof Date) {\n            return \"date\"\n        } else if (propValue instanceof RegExp) {\n            return \"regexp\"\n        }\n    }\n    return propType\n}\n\nfunction createObservableTypeCheckerCreator(\n    allowNativeType: any,\n    mobxType: any\n): React.Requireable<any> {\n    return createChainableTypeChecker((props, propName, componentName, location, propFullName) => {\n        return untracked(() => {\n            if (allowNativeType) {\n                if (getPropType(props[propName]) === mobxType.toLowerCase()) return null\n            }\n            let mobxChecker\n            switch (mobxType) {\n                case \"Array\":\n                    mobxChecker = isObservableArray\n                    break\n                case \"Object\":\n                    mobxChecker = isObservableObject\n                    break\n                case \"Map\":\n                    mobxChecker = isObservableMap\n                    break\n                default:\n                    throw new Error(`Unexpected mobxType: ${mobxType}`)\n            }\n            const propValue = props[propName]\n            if (!mobxChecker(propValue)) {\n                const preciseType = getPreciseType(propValue)\n                const nativeTypeExpectationMessage = allowNativeType\n                    ? \" or javascript `\" + mobxType.toLowerCase() + \"`\"\n                    : \"\"\n                return new Error(\n                    \"Invalid prop `\" +\n                        propFullName +\n                        \"` of type `\" +\n                        preciseType +\n                        \"` supplied to\" +\n                        \" `\" +\n                        componentName +\n                        \"`, expected `mobx.Observable\" +\n                        mobxType +\n                        \"`\" +\n                        nativeTypeExpectationMessage +\n                        \".\"\n                )\n            }\n            return null\n        })\n    })\n}\n\nfunction createObservableArrayOfTypeChecker(\n    allowNativeType: boolean,\n    typeChecker: React.Validator<any>\n) {\n    return createChainableTypeChecker(\n        (props, propName, componentName, location, propFullName, ...rest) => {\n            return untracked(() => {\n                if (typeof typeChecker !== \"function\") {\n                    return new Error(\n                        \"Property `\" +\n                            propFullName +\n                            \"` of component `\" +\n                            componentName +\n                            \"` has \" +\n                            \"invalid PropType notation.\"\n                    )\n                } else {\n                    let error = createObservableTypeCheckerCreator(allowNativeType, \"Array\")(\n                        props,\n                        propName,\n                        componentName,\n                        location,\n                        propFullName\n                    )\n\n                    if (error instanceof Error) return error\n                    const propValue = props[propName]\n                    for (let i = 0; i < propValue.length; i++) {\n                        error = (typeChecker as React.Validator<any>)(\n                            propValue,\n                            i as any,\n                            componentName,\n                            location,\n                            propFullName + \"[\" + i + \"]\",\n                            ...rest\n                        )\n                        if (error instanceof Error) return error\n                    }\n\n                    return null\n                }\n            })\n        }\n    )\n}\n\nconst observableArray = createObservableTypeCheckerCreator(false, \"Array\")\nconst observableArrayOf = createObservableArrayOfTypeChecker.bind(null, false)\nconst observableMap = createObservableTypeCheckerCreator(false, \"Map\")\nconst observableObject = createObservableTypeCheckerCreator(false, \"Object\")\nconst arrayOrObservableArray = createObservableTypeCheckerCreator(true, \"Array\")\nconst arrayOrObservableArrayOf = createObservableArrayOfTypeChecker.bind(null, true)\nconst objectOrObservableObject = createObservableTypeCheckerCreator(true, \"Object\")\n\nexport const PropTypes = {\n    observableArray,\n    observableArrayOf,\n    observableMap,\n    observableObject,\n    arrayOrObservableArray,\n    arrayOrObservableArrayOf,\n    objectOrObservableObject\n}\n","import { observable } from \"mobx\"\nimport { Component } from \"react\"\n\nif (!Component) {\n    throw new Error(\"mobx-react requires React to be available\")\n}\n\nif (!observable) {\n    throw new Error(\"mobx-react requires mobx to be available\")\n}\n\nexport {\n    Observer,\n    useObserver,\n    useAsObservableSource,\n    useLocalStore,\n    isUsingStaticRendering,\n    useStaticRendering,\n    enableStaticRendering,\n    observerBatching,\n    useLocalObservable\n} from \"mobx-react-lite\"\n\nexport { observer } from \"./observer\"\n\nexport { MobXProviderContext, Provider, ProviderProps } from \"./Provider\"\nexport { inject } from \"./inject\"\nexport { disposeOnUnmount } from \"./disposeOnUnmount\"\nexport { PropTypes } from \"./propTypes\"\nexport { IWrappedComponent } from \"./types/IWrappedComponent\"\n"],"names":["shallowEqual","objA","objB","is","keysA","Object","keys","keysB","length","i","hasOwnProperty","call","x","y","hoistBlackList","$$typeof","render","compare","type","childContextTypes","contextType","contextTypes","defaultProps","getDefaultProps","getDerivedStateFromError","getDerivedStateFromProps","mixins","displayName","propTypes","mobxMixins","Symbol","mobxPatchedDefinition","wrapper","realMethod","args","locks","retVal","apply","this","methods","forEach","mx","_this","wrapFunction","patch","target","methodName","mixinMethod","methodMixins","getMixins","indexOf","push","oldDefinition","getOwnPropertyDescriptor","newDefinition","createDefinition","enumerable","originalMethod","wrappedFunc","get","set","value","defineProperty","configurable","undefined","administrationSymbol","isMobXReactObserverSymbol","getAdministration","component","reaction","mounted","forceUpdate","name","getDisplayName","constructor","state","props","context","propsAtom","createAtom","stateAtom","contextAtom","isUpdating","componentClass","createReactiveRender","originalRender","boundOriginalRender","bind","admin","Reaction","error","_admin$reaction2","dispose","createReaction","observerFinalizationRegistry","register","renderResult","track","_allowStateChanges","e","observerSCU","nextProps","nextState","isUsingStaticRendering","console","warn","createObservablePropDescriptor","key","atomKey","prevReadState","_allowStateReadsStart","reportObserved","_allowStateReadsEnd","reportChanged","observablePropsDescriptor","observableStateDescriptor","observableContextDescriptor","observer","prototype","isPrototypeOf","React","componentWillReact","Error","PureComponent","shouldComponentUpdate","defineProperties","writable","unregister","_admin$reaction","makeClassComponentObserver","observerLite","MobXProviderContext","createContext","Provider","children","stores","parentValue","useContext","mutableProviderRef","useRef","current","createStoreInjector","grabStoresFn","injectNames","makeReactive","base","protoProps","Injector","forwardRef","ref","newProps","assign","createElement","getOwnPropertyNames","getPrototypeOf","componentName","getInjectName","grabStoresByName","storeNames","baseStores","storeName","inject","arguments","join","reactMajorVersion","Number","parseInt","version","split","warnedAboutDisposeOnUnmountDeprecated","protoStoreKey","instStoreKey","runDisposersOnWillUnmount","propKeyOrFunction","prop","Array","isArray","map","f","disposeOnUnmount","propertyKeyOrFunction","fn","c","c2","c3","Component","componentWasAlreadyModified","createChainableTypeChecker","validator","checkType","isRequired","propName","location","propFullName","rest","untracked","chainedCheckType","getPropType","propValue","propType","RegExp","isSymbol","createObservableTypeCheckerCreator","allowNativeType","mobxType","toLowerCase","mobxChecker","isObservableArray","isObservableObject","isObservableMap","preciseType","Date","getPreciseType","nativeTypeExpectationMessage","createObservableArrayOfTypeChecker","typeChecker","PropTypes","observableArray","observableArrayOf","observableMap","observableObject","arrayOrObservableArray","arrayOrObservableArrayOf","objectOrObservableObject","observable"],"mappings":"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"}
+{"version":3,"file":"mobxreact.esm.production.min.js","sources":["../src/utils/utils.ts","../src/observerClass.ts","../src/observer.tsx","../src/Provider.tsx","../src/inject.ts","../src/disposeOnUnmount.ts","../src/propTypes.ts","../src/index.ts"],"sourcesContent":["export function shallowEqual(objA: any, objB: any): boolean {\n    //From: https://github.com/facebook/fbjs/blob/c69904a511b900266935168223063dd8772dfc40/packages/fbjs/src/core/shallowEqual.js\n    if (is(objA, objB)) {\n        return true\n    }\n    if (typeof objA !== \"object\" || objA === null || typeof objB !== \"object\" || objB === null) {\n        return false\n    }\n    const keysA = Object.keys(objA)\n    const keysB = Object.keys(objB)\n    if (keysA.length !== keysB.length) {\n        return false\n    }\n    for (let i = 0; i < keysA.length; i++) {\n        if (!Object.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {\n            return false\n        }\n    }\n    return true\n}\n\nfunction is(x: any, y: any): boolean {\n    // From: https://github.com/facebook/fbjs/blob/c69904a511b900266935168223063dd8772dfc40/packages/fbjs/src/core/shallowEqual.js\n    if (x === y) {\n        return x !== 0 || 1 / x === 1 / y\n    } else {\n        return x !== x && y !== y\n    }\n}\n\n// based on https://github.com/mridgway/hoist-non-react-statics/blob/master/src/index.js\nconst hoistBlackList = {\n    $$typeof: 1,\n    render: 1,\n    compare: 1,\n    type: 1,\n    childContextTypes: 1,\n    contextType: 1,\n    contextTypes: 1,\n    defaultProps: 1,\n    getDefaultProps: 1,\n    getDerivedStateFromError: 1,\n    getDerivedStateFromProps: 1,\n    mixins: 1,\n    displayName: 1,\n    propTypes: 1\n}\n\nexport function copyStaticProperties(base: object, target: object): void {\n    const protoProps = Object.getOwnPropertyNames(Object.getPrototypeOf(base))\n    Object.getOwnPropertyNames(base).forEach(key => {\n        if (!hoistBlackList[key] && protoProps.indexOf(key) === -1) {\n            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(base, key)!)\n        }\n    })\n}\n\n/**\n * Helper to set `prop` to `this` as non-enumerable (hidden prop)\n * @param target\n * @param prop\n * @param value\n */\nexport function setHiddenProp(target: object, prop: any, value: any): void {\n    if (!Object.hasOwnProperty.call(target, prop)) {\n        Object.defineProperty(target, prop, {\n            enumerable: false,\n            configurable: true,\n            writable: true,\n            value\n        })\n    } else {\n        target[prop] = value\n    }\n}\n\n/**\n * Utilities for patching componentWillUnmount, to make sure @disposeOnUnmount works correctly icm with user defined hooks\n * and the handler provided by mobx-react\n */\nconst mobxMixins = Symbol(\"patchMixins\")\nconst mobxPatchedDefinition = Symbol(\"patchedDefinition\")\n\nexport interface Mixins extends Record<string, any> {\n    locks: number\n    methods: Array<Function>\n}\n\nfunction getMixins(target: object, methodName: string): Mixins {\n    const mixins = (target[mobxMixins] = target[mobxMixins] || {})\n    const methodMixins = (mixins[methodName] = mixins[methodName] || {})\n    methodMixins.locks = methodMixins.locks || 0\n    methodMixins.methods = methodMixins.methods || []\n    return methodMixins\n}\n\nfunction wrapper(realMethod: Function, mixins: Mixins, ...args: Array<any>) {\n    // locks are used to ensure that mixins are invoked only once per invocation, even on recursive calls\n    mixins.locks++\n\n    try {\n        let retVal\n        if (realMethod !== undefined && realMethod !== null) {\n            retVal = realMethod.apply(this, args)\n        }\n\n        return retVal\n    } finally {\n        mixins.locks--\n        if (mixins.locks === 0) {\n            mixins.methods.forEach(mx => {\n                mx.apply(this, args)\n            })\n        }\n    }\n}\n\nfunction wrapFunction(realMethod: Function, mixins: Mixins): (...args: Array<any>) => any {\n    const fn = function (...args: Array<any>) {\n        wrapper.call(this, realMethod, mixins, ...args)\n    }\n    return fn\n}\n\nexport function patch(target: object, methodName: string, mixinMethod: Function): void {\n    const mixins = getMixins(target, methodName)\n\n    if (mixins.methods.indexOf(mixinMethod) < 0) {\n        mixins.methods.push(mixinMethod)\n    }\n\n    const oldDefinition = Object.getOwnPropertyDescriptor(target, methodName)\n    if (oldDefinition && oldDefinition[mobxPatchedDefinition]) {\n        // already patched definition, do not repatch\n        return\n    }\n\n    const originalMethod = target[methodName]\n    const newDefinition = createDefinition(\n        target,\n        methodName,\n        oldDefinition ? oldDefinition.enumerable : undefined,\n        mixins,\n        originalMethod\n    )\n\n    Object.defineProperty(target, methodName, newDefinition)\n}\n\nfunction createDefinition(\n    target: object,\n    methodName: string,\n    enumerable: any,\n    mixins: Mixins,\n    originalMethod: Function\n): PropertyDescriptor {\n    let wrappedFunc = wrapFunction(originalMethod, mixins)\n\n    return {\n        // @ts-ignore\n        [mobxPatchedDefinition]: true,\n        get: function () {\n            return wrappedFunc\n        },\n        set: function (value) {\n            if (this === target) {\n                wrappedFunc = wrapFunction(value, mixins)\n            } else {\n                // when it is an instance of the prototype/a child prototype patch that particular case again separately\n                // since we need to store separate values depending on wether it is the actual instance, the prototype, etc\n                // e.g. the method for super might not be the same as the method for the prototype which might be not the same\n                // as the method for the instance\n                const newDefinition = createDefinition(this, methodName, enumerable, mixins, value)\n                Object.defineProperty(this, methodName, newDefinition)\n            }\n        },\n        configurable: true,\n        enumerable: enumerable\n    }\n}\n","import { PureComponent, Component, ComponentClass, ClassAttributes } from \"react\"\nimport {\n    _allowStateChanges,\n    Reaction,\n    _allowStateReadsStart,\n    _allowStateReadsEnd,\n    _getGlobalState\n} from \"mobx\"\nimport {\n    isUsingStaticRendering,\n    _observerFinalizationRegistry as observerFinalizationRegistry\n} from \"mobx-react-lite\"\nimport { shallowEqual, patch } from \"./utils/utils\"\n\nconst administrationSymbol = Symbol(\"ObserverAdministration\")\nconst isMobXReactObserverSymbol = Symbol(\"isMobXReactObserver\")\n\nlet observablePropDescriptors: PropertyDescriptorMap\nif (__DEV__) {\n    observablePropDescriptors = {\n        props: createObservablePropDescriptor(\"props\"),\n        state: createObservablePropDescriptor(\"state\"),\n        context: createObservablePropDescriptor(\"context\")\n    }\n}\n\ntype ObserverAdministration = {\n    reaction: Reaction | null // also serves as disposed flag\n    forceUpdate: Function | null\n    mounted: boolean // we could use forceUpdate as mounted flag\n    reactionInvalidatedBeforeMount: boolean\n    name: string\n    // Used only on __DEV__\n    props: any\n    state: any\n    context: any\n}\n\nfunction getAdministration(component: Component): ObserverAdministration {\n    // We create administration lazily, because we can't patch constructor\n    // and the exact moment of initialization partially depends on React internals.\n    // At the time of writing this, the first thing invoked is one of the observable getter/setter (state/props/context).\n    return (component[administrationSymbol] ??= {\n        reaction: null,\n        mounted: false,\n        reactionInvalidatedBeforeMount: false,\n        forceUpdate: null,\n        name: getDisplayName(component.constructor as ComponentClass),\n        state: undefined,\n        props: undefined,\n        context: undefined\n    })\n}\n\nexport function makeClassComponentObserver(\n    componentClass: ComponentClass<any, any>\n): ComponentClass<any, any> {\n    const { prototype } = componentClass\n\n    if (componentClass[isMobXReactObserverSymbol]) {\n        const displayName = getDisplayName(componentClass)\n        throw new Error(\n            `The provided component class (${displayName}) has already been declared as an observer component.`\n        )\n    } else {\n        componentClass[isMobXReactObserverSymbol] = true\n    }\n\n    if (prototype.componentWillReact) {\n        throw new Error(\"The componentWillReact life-cycle event is no longer supported\")\n    }\n    if (componentClass[\"__proto__\"] !== PureComponent) {\n        if (!prototype.shouldComponentUpdate) {\n            prototype.shouldComponentUpdate = observerSCU\n        } else if (prototype.shouldComponentUpdate !== observerSCU) {\n            // n.b. unequal check, instead of existence check, as @observer might be on superclass as well\n            throw new Error(\n                \"It is not allowed to use shouldComponentUpdate in observer based components.\"\n            )\n        }\n    }\n\n    if (__DEV__) {\n        Object.defineProperties(prototype, observablePropDescriptors)\n    }\n\n    const originalRender = prototype.render\n    if (typeof originalRender !== \"function\") {\n        const displayName = getDisplayName(componentClass)\n        throw new Error(\n            `[mobx-react] class component (${displayName}) is missing \\`render\\` method.` +\n                `\\n\\`observer\\` requires \\`render\\` being a function defined on prototype.` +\n                `\\n\\`render = () => {}\\` or \\`render = function() {}\\` is not supported.`\n        )\n    }\n\n    prototype.render = function () {\n        Object.defineProperty(this, \"render\", {\n            // There is no safe way to replace render, therefore it's forbidden.\n            configurable: false,\n            writable: false,\n            value: isUsingStaticRendering()\n                ? originalRender\n                : createReactiveRender.call(this, originalRender)\n        })\n        return this.render()\n    }\n\n    const originalComponentDidMount = prototype.componentDidMount\n    prototype.componentDidMount = function () {\n        if (__DEV__ && this.componentDidMount !== Object.getPrototypeOf(this).componentDidMount) {\n            const displayName = getDisplayName(componentClass)\n            throw new Error(\n                `[mobx-react] \\`observer(${displayName}).componentDidMount\\` must be defined on prototype.` +\n                    `\\n\\`componentDidMount = () => {}\\` or \\`componentDidMount = function() {}\\` is not supported.`\n            )\n        }\n\n        // `componentDidMount` may not be called at all. React can abandon the instance after `render`.\n        // That's why we use finalization registry to dispose reaction created during render.\n        // Happens with `<Suspend>` see #3492\n        //\n        // `componentDidMount` can be called immediately after `componentWillUnmount` without calling `render` in between.\n        // Happens with `<StrictMode>`see #3395.\n        //\n        // If `componentDidMount` is called, it's guaranteed to run synchronously with render (similary to `useLayoutEffect`).\n        // Therefore we don't have to worry about external (observable) state being updated before mount (no state version checking).\n        //\n        // Things may change: \"In the future, React will provide a feature that lets components preserve state between unmounts\"\n\n        const admin = getAdministration(this)\n\n        admin.mounted = true\n\n        // Component instance committed, prevent reaction disposal.\n        observerFinalizationRegistry.unregister(admin)\n\n        // We don't set forceUpdate before mount because it requires a reference to `this`,\n        // therefore `this` could NOT be garbage collected before mount,\n        // preventing reaction disposal by FinalizationRegistry and leading to memory leak.\n        // As an alternative we could have `admin.instanceRef = new WeakRef(this)`, but lets avoid it if possible.\n        admin.forceUpdate = () => this.forceUpdate()\n\n        if (!admin.reaction || admin.reactionInvalidatedBeforeMount) {\n            // Missing reaction:\n            // 1. Instance was unmounted (reaction disposed) and immediately remounted without running render #3395.\n            // 2. Reaction was disposed by finalization registry before mount. Shouldn't ever happen for class components:\n            // `componentDidMount` runs synchronously after render, but our registry are deferred (can't run in between).\n            // In any case we lost subscriptions to observables, so we have to create new reaction and re-render to resubscribe.\n            // The reaction will be created lazily by following render.\n\n            // Reaction invalidated before mount:\n            // 1. A descendant's `componenDidMount` invalidated it's parent #3730\n\n            admin.forceUpdate()\n        }\n        return originalComponentDidMount?.apply(this, arguments)\n    }\n\n    // TODO@major Overly complicated \"patch\" is only needed to support the deprecated @disposeOnUnmount\n    patch(prototype, \"componentWillUnmount\", function () {\n        if (isUsingStaticRendering()) {\n            return\n        }\n        const admin = getAdministration(this)\n        admin.reaction?.dispose()\n        admin.reaction = null\n        admin.forceUpdate = null\n        admin.mounted = false\n        admin.reactionInvalidatedBeforeMount = false\n    })\n\n    return componentClass\n}\n\n// Generates a friendly name for debugging\nfunction getDisplayName(componentClass: ComponentClass) {\n    return componentClass.displayName || componentClass.name || \"<component>\"\n}\n\nfunction createReactiveRender(originalRender: any) {\n    const boundOriginalRender = originalRender.bind(this)\n\n    const admin = getAdministration(this)\n\n    function reactiveRender() {\n        if (!admin.reaction) {\n            // Create reaction lazily to support re-mounting #3395\n            admin.reaction = createReaction(admin)\n            if (!admin.mounted) {\n                // React can abandon this instance and never call `componentDidMount`/`componentWillUnmount`,\n                // we have to make sure reaction will be disposed.\n                observerFinalizationRegistry.register(this, admin, this)\n            }\n        }\n\n        let error: unknown = undefined\n        let renderResult = undefined\n        admin.reaction.track(() => {\n            try {\n                // TODO@major\n                // Optimization: replace with _allowStateChangesStart/End (not available in mobx@6.0.0)\n                renderResult = _allowStateChanges(false, boundOriginalRender)\n            } catch (e) {\n                error = e\n            }\n        })\n        if (error) {\n            throw error\n        }\n        return renderResult\n    }\n\n    return reactiveRender\n}\n\nfunction createReaction(admin: ObserverAdministration) {\n    return new Reaction(`${admin.name}.render()`, () => {\n        if (!admin.mounted) {\n            // This is neccessary to avoid react warning about calling forceUpdate on component that isn't mounted yet.\n            // This happens when component is abandoned after render - our reaction is already created and reacts to changes.\n            // `componenDidMount` runs synchronously after `render`, so unlike functional component, there is no delay during which the reaction could be invalidated.\n            // However `componentDidMount` runs AFTER it's descendants' `componentDidMount`, which CAN invalidate the reaction, see #3730. Therefore remember and forceUpdate on mount.\n            admin.reactionInvalidatedBeforeMount = true\n            return\n        }\n\n        try {\n            admin.forceUpdate?.()\n        } catch (error) {\n            admin.reaction?.dispose()\n            admin.reaction = null\n        }\n    })\n}\n\nfunction observerSCU(nextProps: ClassAttributes<any>, nextState: any): boolean {\n    if (isUsingStaticRendering()) {\n        console.warn(\n            \"[mobx-react] It seems that a re-rendering of a React component is triggered while in static (server-side) mode. Please make sure components are rendered only once server-side.\"\n        )\n    }\n    // update on any state changes (as is the default)\n    if (this.state !== nextState) {\n        return true\n    }\n    // update if props are shallowly not equal, inspired by PureRenderMixin\n    // we could return just 'false' here, and avoid the `skipRender` checks etc\n    // however, it is nicer if lifecycle events are triggered like usually,\n    // so we return true here if props are shallowly modified.\n    return !shallowEqual(this.props, nextProps)\n}\n\nfunction createObservablePropDescriptor(key: \"props\" | \"state\" | \"context\") {\n    return {\n        configurable: true,\n        enumerable: true,\n        get() {\n            const admin = getAdministration(this)\n            const derivation = _getGlobalState().trackingDerivation\n            if (derivation && derivation !== admin.reaction) {\n                throw new Error(\n                    `[mobx-react] Cannot read \"${admin.name}.${key}\" in a reactive context, as it isn't observable.\n                    Please use component lifecycle method to copy the value into a local observable first.\n                    See https://github.com/mobxjs/mobx/blob/main/packages/mobx-react/README.md#note-on-using-props-and-state-in-derivations`\n                )\n            }\n            return admin[key]\n        },\n        set(value) {\n            getAdministration(this)[key] = value\n        }\n    }\n}\n","import * as React from \"react\"\nimport { observer as observerLite } from \"mobx-react-lite\"\n\nimport { makeClassComponentObserver } from \"./observerClass\"\nimport { IReactComponent } from \"./types/IReactComponent\"\n\n/**\n * Observer function / decorator\n */\nexport function observer<T extends IReactComponent>(component: T): T {\n    if (component[\"isMobxInjector\"] === true) {\n        console.warn(\n            \"Mobx observer: You are trying to use `observer` on a component that already has `inject`. Please apply `observer` before applying `inject`\"\n        )\n    }\n\n    if (\n        Object.prototype.isPrototypeOf.call(React.Component, component) ||\n        Object.prototype.isPrototypeOf.call(React.PureComponent, component)\n    ) {\n        // Class component\n        return makeClassComponentObserver(component as React.ComponentClass<any, any>) as T\n    } else {\n        // Function component\n        return observerLite(component as React.FunctionComponent<any>) as T\n    }\n}\n","import React from \"react\"\nimport { shallowEqual } from \"./utils/utils\"\nimport { IValueMap } from \"./types/IValueMap\"\n\nexport const MobXProviderContext = React.createContext<IValueMap>({})\n\nexport interface ProviderProps extends IValueMap {\n    children: React.ReactNode\n}\n\nexport function Provider(props: ProviderProps) {\n    const { children, ...stores } = props\n    const parentValue = React.useContext(MobXProviderContext)\n    const mutableProviderRef = React.useRef({ ...parentValue, ...stores })\n    const value = mutableProviderRef.current\n\n    if (__DEV__) {\n        const newValue = { ...value, ...stores } // spread in previous state for the context based stores\n        if (!shallowEqual(value, newValue)) {\n            throw new Error(\n                \"MobX Provider: The set of provided stores has changed. See: https://github.com/mobxjs/mobx-react#the-set-of-provided-stores-has-changed-error.\"\n            )\n        }\n    }\n\n    return <MobXProviderContext.Provider value={value}>{children}</MobXProviderContext.Provider>\n}\n\nProvider.displayName = \"MobXProvider\"\n","import React from \"react\"\nimport { observer } from \"./observer\"\nimport { copyStaticProperties } from \"./utils/utils\"\nimport { MobXProviderContext } from \"./Provider\"\nimport { IReactComponent } from \"./types/IReactComponent\"\nimport { IValueMap } from \"./types/IValueMap\"\nimport { IWrappedComponent } from \"./types/IWrappedComponent\"\nimport { IStoresToProps } from \"./types/IStoresToProps\"\n\n/**\n * Store Injection\n */\nfunction createStoreInjector(\n    grabStoresFn: IStoresToProps,\n    component: IReactComponent<any>,\n    injectNames: string,\n    makeReactive: boolean\n): IReactComponent<any> {\n    // Support forward refs\n    let Injector: IReactComponent<any> = React.forwardRef((props, ref) => {\n        const newProps = { ...props }\n        const context = React.useContext(MobXProviderContext)\n        Object.assign(newProps, grabStoresFn(context || {}, newProps) || {})\n\n        if (ref) {\n            newProps.ref = ref\n        }\n\n        return React.createElement(component, newProps)\n    })\n\n    if (makeReactive) Injector = observer(Injector)\n    Injector[\"isMobxInjector\"] = true // assigned late to suppress observer warning\n\n    // Static fields from component should be visible on the generated Injector\n    copyStaticProperties(component, Injector)\n    Injector[\"wrappedComponent\"] = component\n    Injector.displayName = getInjectName(component, injectNames)\n    return Injector\n}\n\nfunction getInjectName(component: IReactComponent<any>, injectNames: string): string {\n    let displayName\n    const componentName =\n        component.displayName ||\n        component.name ||\n        (component.constructor && component.constructor.name) ||\n        \"Component\"\n    if (injectNames) displayName = \"inject-with-\" + injectNames + \"(\" + componentName + \")\"\n    else displayName = \"inject(\" + componentName + \")\"\n    return displayName\n}\n\nfunction grabStoresByName(\n    storeNames: Array<string>\n): (\n    baseStores: IValueMap,\n    nextProps: React.ClassAttributes<any>\n) => React.PropsWithRef<any> | undefined {\n    return function (baseStores, nextProps) {\n        storeNames.forEach(function (storeName) {\n            if (\n                storeName in nextProps // prefer props over stores\n            )\n                return\n            if (!(storeName in baseStores))\n                throw new Error(\n                    \"MobX injector: Store '\" +\n                        storeName +\n                        \"' is not available! Make sure it is provided by some Provider\"\n                )\n            nextProps[storeName] = baseStores[storeName]\n        })\n        return nextProps\n    }\n}\n\nexport function inject(\n    ...stores: Array<string>\n): <T extends IReactComponent<any>>(\n    target: T\n) => T & (T extends IReactComponent<infer P> ? IWrappedComponent<P> : never)\nexport function inject<S extends IValueMap = {}, P extends IValueMap = {}, I extends IValueMap = {}, C extends IValueMap = {}>(\n    fn: IStoresToProps<S, P, I, C>\n): <T extends IReactComponent>(target: T) => T & IWrappedComponent<P>\n\n/**\n * higher order component that injects stores to a child.\n * takes either a varargs list of strings, which are stores read from the context,\n * or a function that manually maps the available stores from the context to props:\n * storesToProps(mobxStores, props, context) => newProps\n */\nexport function inject(/* fn(stores, nextProps) or ...storeNames */ ...storeNames: Array<any>) {\n    if (typeof arguments[0] === \"function\") {\n        let grabStoresFn = arguments[0]\n        return (componentClass: React.ComponentClass<any, any>) =>\n            createStoreInjector(grabStoresFn, componentClass, grabStoresFn.name, true)\n    } else {\n        return (componentClass: React.ComponentClass<any, any>) =>\n            createStoreInjector(\n                grabStoresByName(storeNames),\n                componentClass,\n                storeNames.join(\"-\"),\n                false\n            )\n    }\n}\n","import React from \"react\"\nimport { patch } from \"./utils/utils\"\n\nconst reactMajorVersion = Number.parseInt(React.version.split(\".\")[0])\nlet warnedAboutDisposeOnUnmountDeprecated = false\n\ntype Disposer = () => void\n\nconst protoStoreKey = Symbol(\"disposeOnUnmountProto\")\nconst instStoreKey = Symbol(\"disposeOnUnmountInst\")\n\nfunction runDisposersOnWillUnmount() {\n    ;[...(this[protoStoreKey] || []), ...(this[instStoreKey] || [])].forEach(propKeyOrFunction => {\n        const prop =\n            typeof propKeyOrFunction === \"string\" ? this[propKeyOrFunction] : propKeyOrFunction\n        if (prop !== undefined && prop !== null) {\n            if (Array.isArray(prop)) prop.map(f => f())\n            else prop()\n        }\n    })\n}\n\n/**\n * @deprecated `disposeOnUnmount` is not compatible with React 18 and higher.\n */\nexport function disposeOnUnmount(target: React.Component<any, any>, propertyKey: PropertyKey): void\n\n/**\n * @deprecated `disposeOnUnmount` is not compatible with React 18 and higher.\n */\nexport function disposeOnUnmount<TF extends Disposer | Array<Disposer>>(\n    target: React.Component<any, any>,\n    fn: TF\n): TF\n\n/**\n * @deprecated `disposeOnUnmount` is not compatible with React 18 and higher.\n */\nexport function disposeOnUnmount(\n    target: React.Component<any, any>,\n    propertyKeyOrFunction: PropertyKey | Disposer | Array<Disposer>\n): PropertyKey | Disposer | Array<Disposer> | void {\n    if (Array.isArray(propertyKeyOrFunction)) {\n        return propertyKeyOrFunction.map(fn => disposeOnUnmount(target, fn))\n    }\n\n    if (!warnedAboutDisposeOnUnmountDeprecated) {\n        if (reactMajorVersion >= 18) {\n            console.error(\n                \"[mobx-react] disposeOnUnmount is not compatible with React 18 and higher. Don't use it.\"\n            )\n        } else {\n            console.warn(\n                \"[mobx-react] disposeOnUnmount is deprecated. It won't work correctly with React 18 and higher.\"\n            )\n        }\n        warnedAboutDisposeOnUnmountDeprecated = true\n    }\n\n    const c = Object.getPrototypeOf(target).constructor\n    const c2 = Object.getPrototypeOf(target.constructor)\n    // Special case for react-hot-loader\n    const c3 = Object.getPrototypeOf(Object.getPrototypeOf(target))\n    if (\n        !(\n            c === React.Component ||\n            c === React.PureComponent ||\n            c2 === React.Component ||\n            c2 === React.PureComponent ||\n            c3 === React.Component ||\n            c3 === React.PureComponent\n        )\n    ) {\n        throw new Error(\n            \"[mobx-react] disposeOnUnmount only supports direct subclasses of React.Component or React.PureComponent.\"\n        )\n    }\n\n    if (\n        typeof propertyKeyOrFunction !== \"string\" &&\n        typeof propertyKeyOrFunction !== \"function\" &&\n        !Array.isArray(propertyKeyOrFunction)\n    ) {\n        throw new Error(\n            \"[mobx-react] disposeOnUnmount only works if the parameter is either a property key or a function.\"\n        )\n    }\n\n    // decorator's target is the prototype, so it doesn't have any instance properties like props\n    const isDecorator = typeof propertyKeyOrFunction === \"string\"\n\n    // add property key / function we want run (disposed) to the store\n    const componentWasAlreadyModified = !!target[protoStoreKey] || !!target[instStoreKey]\n    const store = isDecorator\n        ? // decorators are added to the prototype store\n          target[protoStoreKey] || (target[protoStoreKey] = [])\n        : // functions are added to the instance store\n          target[instStoreKey] || (target[instStoreKey] = [])\n\n    store.push(propertyKeyOrFunction)\n\n    // tweak the component class componentWillUnmount if not done already\n    if (!componentWasAlreadyModified) {\n        patch(target, \"componentWillUnmount\", runDisposersOnWillUnmount)\n    }\n\n    // return the disposer as is if invoked as a non decorator\n    if (typeof propertyKeyOrFunction !== \"string\") {\n        return propertyKeyOrFunction\n    }\n}\n","import { isObservableArray, isObservableObject, isObservableMap, untracked } from \"mobx\"\n\n// Copied from React.PropTypes\nfunction createChainableTypeChecker(validator: React.Validator<any>): React.Requireable<any> {\n    function checkType(\n        isRequired: boolean,\n        props: any,\n        propName: string,\n        componentName: string,\n        location: string,\n        propFullName: string,\n        ...rest: any[]\n    ) {\n        return untracked(() => {\n            componentName = componentName || \"<<anonymous>>\"\n            propFullName = propFullName || propName\n            if (props[propName] == null) {\n                if (isRequired) {\n                    const actual = props[propName] === null ? \"null\" : \"undefined\"\n                    return new Error(\n                        \"The \" +\n                            location +\n                            \" `\" +\n                            propFullName +\n                            \"` is marked as required \" +\n                            \"in `\" +\n                            componentName +\n                            \"`, but its value is `\" +\n                            actual +\n                            \"`.\"\n                    )\n                }\n                return null\n            } else {\n                // @ts-ignore rest arg is necessary for some React internals - fails tests otherwise\n                return validator(props, propName, componentName, location, propFullName, ...rest)\n            }\n        })\n    }\n\n    const chainedCheckType: any = checkType.bind(null, false)\n    // Add isRequired to satisfy Requirable\n    chainedCheckType.isRequired = checkType.bind(null, true)\n    return chainedCheckType\n}\n\n// Copied from React.PropTypes\nfunction isSymbol(propType: any, propValue: any): boolean {\n    // Native Symbol.\n    if (propType === \"symbol\") {\n        return true\n    }\n\n    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'\n    if (propValue[\"@@toStringTag\"] === \"Symbol\") {\n        return true\n    }\n\n    // Fallback for non-spec compliant Symbols which are polyfilled.\n    if (typeof Symbol === \"function\" && propValue instanceof Symbol) {\n        return true\n    }\n\n    return false\n}\n\n// Copied from React.PropTypes\nfunction getPropType(propValue: any): string {\n    const propType = typeof propValue\n    if (Array.isArray(propValue)) {\n        return \"array\"\n    }\n    if (propValue instanceof RegExp) {\n        // Old webkits (at least until Android 4.0) return 'function' rather than\n        // 'object' for typeof a RegExp. We'll normalize this here so that /bla/\n        // passes PropTypes.object.\n        return \"object\"\n    }\n    if (isSymbol(propType, propValue)) {\n        return \"symbol\"\n    }\n    return propType\n}\n\n// This handles more types than `getPropType`. Only used for error messages.\n// Copied from React.PropTypes\nfunction getPreciseType(propValue: any): string {\n    const propType = getPropType(propValue)\n    if (propType === \"object\") {\n        if (propValue instanceof Date) {\n            return \"date\"\n        } else if (propValue instanceof RegExp) {\n            return \"regexp\"\n        }\n    }\n    return propType\n}\n\nfunction createObservableTypeCheckerCreator(\n    allowNativeType: any,\n    mobxType: any\n): React.Requireable<any> {\n    return createChainableTypeChecker((props, propName, componentName, location, propFullName) => {\n        return untracked(() => {\n            if (allowNativeType) {\n                if (getPropType(props[propName]) === mobxType.toLowerCase()) return null\n            }\n            let mobxChecker\n            switch (mobxType) {\n                case \"Array\":\n                    mobxChecker = isObservableArray\n                    break\n                case \"Object\":\n                    mobxChecker = isObservableObject\n                    break\n                case \"Map\":\n                    mobxChecker = isObservableMap\n                    break\n                default:\n                    throw new Error(`Unexpected mobxType: ${mobxType}`)\n            }\n            const propValue = props[propName]\n            if (!mobxChecker(propValue)) {\n                const preciseType = getPreciseType(propValue)\n                const nativeTypeExpectationMessage = allowNativeType\n                    ? \" or javascript `\" + mobxType.toLowerCase() + \"`\"\n                    : \"\"\n                return new Error(\n                    \"Invalid prop `\" +\n                        propFullName +\n                        \"` of type `\" +\n                        preciseType +\n                        \"` supplied to\" +\n                        \" `\" +\n                        componentName +\n                        \"`, expected `mobx.Observable\" +\n                        mobxType +\n                        \"`\" +\n                        nativeTypeExpectationMessage +\n                        \".\"\n                )\n            }\n            return null\n        })\n    })\n}\n\nfunction createObservableArrayOfTypeChecker(\n    allowNativeType: boolean,\n    typeChecker: React.Validator<any>\n) {\n    return createChainableTypeChecker(\n        (props, propName, componentName, location, propFullName, ...rest) => {\n            return untracked(() => {\n                if (typeof typeChecker !== \"function\") {\n                    return new Error(\n                        \"Property `\" +\n                            propFullName +\n                            \"` of component `\" +\n                            componentName +\n                            \"` has \" +\n                            \"invalid PropType notation.\"\n                    )\n                } else {\n                    let error = createObservableTypeCheckerCreator(allowNativeType, \"Array\")(\n                        props,\n                        propName,\n                        componentName,\n                        location,\n                        propFullName\n                    )\n\n                    if (error instanceof Error) return error\n                    const propValue = props[propName]\n                    for (let i = 0; i < propValue.length; i++) {\n                        error = (typeChecker as React.Validator<any>)(\n                            propValue,\n                            i as any,\n                            componentName,\n                            location,\n                            propFullName + \"[\" + i + \"]\",\n                            ...rest\n                        )\n                        if (error instanceof Error) return error\n                    }\n\n                    return null\n                }\n            })\n        }\n    )\n}\n\nconst observableArray = createObservableTypeCheckerCreator(false, \"Array\")\nconst observableArrayOf = createObservableArrayOfTypeChecker.bind(null, false)\nconst observableMap = createObservableTypeCheckerCreator(false, \"Map\")\nconst observableObject = createObservableTypeCheckerCreator(false, \"Object\")\nconst arrayOrObservableArray = createObservableTypeCheckerCreator(true, \"Array\")\nconst arrayOrObservableArrayOf = createObservableArrayOfTypeChecker.bind(null, true)\nconst objectOrObservableObject = createObservableTypeCheckerCreator(true, \"Object\")\n\nexport const PropTypes = {\n    observableArray,\n    observableArrayOf,\n    observableMap,\n    observableObject,\n    arrayOrObservableArray,\n    arrayOrObservableArrayOf,\n    objectOrObservableObject\n}\n","import { observable } from \"mobx\"\nimport { Component } from \"react\"\n\nif (!Component) {\n    throw new Error(\"mobx-react requires React to be available\")\n}\n\nif (!observable) {\n    throw new Error(\"mobx-react requires mobx to be available\")\n}\n\nexport {\n    Observer,\n    useObserver,\n    useAsObservableSource,\n    useLocalStore,\n    isUsingStaticRendering,\n    useStaticRendering,\n    enableStaticRendering,\n    observerBatching,\n    useLocalObservable\n} from \"mobx-react-lite\"\n\nexport { observer } from \"./observer\"\n\nexport { MobXProviderContext, Provider, ProviderProps } from \"./Provider\"\nexport { inject } from \"./inject\"\nexport { disposeOnUnmount } from \"./disposeOnUnmount\"\nexport { PropTypes } from \"./propTypes\"\nexport { IWrappedComponent } from \"./types/IWrappedComponent\"\n"],"names":["is","x","y","hoistBlackList","$$typeof","render","compare","type","childContextTypes","contextType","contextTypes","defaultProps","getDefaultProps","getDerivedStateFromError","getDerivedStateFromProps","mixins","displayName","propTypes","mobxMixins","Symbol","mobxPatchedDefinition","wrapper","realMethod","args","locks","retVal","apply","this","methods","forEach","mx","_this","wrapFunction","call","patch","target","methodName","mixinMethod","methodMixins","getMixins","indexOf","push","oldDefinition","Object","getOwnPropertyDescriptor","newDefinition","createDefinition","enumerable","originalMethod","wrappedFunc","get","set","value","defineProperty","configurable","undefined","administrationSymbol","isMobXReactObserverSymbol","getAdministration","component","reaction","mounted","reactionInvalidatedBeforeMount","forceUpdate","name","getDisplayName","constructor","state","props","context","componentClass","createReactiveRender","originalRender","boundOriginalRender","bind","admin","Reaction","error","_admin$reaction2","dispose","createReaction","observerFinalizationRegistry","register","renderResult","track","_allowStateChanges","e","observerSCU","nextProps","nextState","isUsingStaticRendering","console","warn","objA","objB","keysA","keys","keysB","length","i","hasOwnProperty","shallowEqual","observer","prototype","isPrototypeOf","React","Error","componentWillReact","PureComponent","shouldComponentUpdate","writable","originalComponentDidMount","componentDidMount","unregister","arguments","_admin$reaction","makeClassComponentObserver","observerLite","MobXProviderContext","createContext","Provider","children","stores","parentValue","useContext","mutableProviderRef","useRef","current","createStoreInjector","grabStoresFn","injectNames","makeReactive","base","protoProps","Injector","forwardRef","ref","newProps","assign","createElement","getOwnPropertyNames","getPrototypeOf","key","componentName","getInjectName","grabStoresByName","storeNames","baseStores","storeName","inject","join","reactMajorVersion","Number","parseInt","version","split","warnedAboutDisposeOnUnmountDeprecated","protoStoreKey","instStoreKey","runDisposersOnWillUnmount","propKeyOrFunction","prop","Array","isArray","map","f","disposeOnUnmount","propertyKeyOrFunction","fn","c","c2","c3","Component","componentWasAlreadyModified","createChainableTypeChecker","validator","checkType","isRequired","propName","location","propFullName","rest","untracked","chainedCheckType","getPropType","propValue","propType","RegExp","isSymbol","createObservableTypeCheckerCreator","allowNativeType","mobxType","toLowerCase","mobxChecker","isObservableArray","isObservableObject","isObservableMap","preciseType","Date","getPreciseType","nativeTypeExpectationMessage","createObservableArrayOfTypeChecker","typeChecker","PropTypes","observableArray","observableArrayOf","observableMap","observableObject","arrayOrObservableArray","arrayOrObservableArrayOf","objectOrObservableObject","observable"],"mappings":"ufAqBA,SAASA,EAAGC,EAAQC,GAEhB,OAAID,IAAMC,EACO,IAAND,GAAW,EAAIA,GAAM,EAAIC,EAEzBD,GAAMA,GAAKC,GAAMA,EAKhC,IAAMC,EAAiB,CACnBC,SAAU,EACVC,OAAQ,EACRC,QAAS,EACTC,KAAM,EACNC,kBAAmB,EACnBC,YAAa,EACbC,aAAc,EACdC,aAAc,EACdC,gBAAiB,EACjBC,yBAA0B,EAC1BC,yBAA0B,EAC1BC,OAAQ,EACRC,YAAa,EACbC,UAAW,GAmCTC,EAAaC,OAAO,eACpBC,EAAwBD,OAAO,qBAerC,SAASE,EAAQC,EAAsBP,qCAAmBQ,mCAAAA,oBAEtDR,EAAOS,QAEP,IACI,IAAIC,EAKJ,OAJIH,MAAAA,IACAG,EAASH,EAAWI,MAAMC,KAAMJ,IAG7BE,UAEPV,EAAOS,QACc,IAAjBT,EAAOS,OACPT,EAAOa,QAAQC,SAAQ,SAAAC,GACnBA,EAAGJ,MAAMK,EAAMR,OAM/B,SAASS,EAAaV,EAAsBP,GAIxC,OAHW,sCAAaQ,2BAAAA,kBACpBF,EAAQY,WAARZ,GAAaM,KAAML,EAAYP,UAAWQ,cAKlCW,EAAMC,EAAgBC,EAAoBC,GACtD,IAAMtB,EArCV,SAAmBoB,EAAgBC,GAC/B,IAAMrB,EAAUoB,EAAOjB,GAAciB,EAAOjB,IAAe,GACrDoB,EAAgBvB,EAAOqB,GAAcrB,EAAOqB,IAAe,GAGjE,OAFAE,EAAad,MAAQc,EAAad,OAAS,EAC3Cc,EAAaV,QAAUU,EAAaV,SAAW,GACxCU,EAgCQC,CAAUJ,EAAQC,GAE7BrB,EAAOa,QAAQY,QAAQH,GAAe,GACtCtB,EAAOa,QAAQa,KAAKJ,GAGxB,IAAMK,EAAgBC,OAAOC,yBAAyBT,EAAQC,GAC9D,IAAIM,IAAiBA,EAActB,GAAnC,CAKA,IACMyB,EAWV,SAASC,EACLX,EACAC,EACAW,EACAhC,EACAiC,SAEIC,EAAcjB,EAAagB,EAAgBjC,GAE/C,aAEKK,IAAwB,IACzB8B,IAAK,WACD,OAAOD,KAEXE,IAAK,SAAUC,GACX,GAAIzB,OAASQ,EACTc,EAAcjB,EAAaoB,EAAOrC,OAC/B,CAKH,IAAM8B,EAAgBC,EAAiBnB,KAAMS,EAAYW,EAAYhC,EAAQqC,GAC7ET,OAAOU,eAAe1B,KAAMS,EAAYS,OAGhDS,cAAc,IACdP,WAAYA,IAvCMD,CAClBX,EACAC,EACAM,EAAgBA,EAAcK,gBAAaQ,EAC3CxC,EALmBoB,EAAOC,IAS9BO,OAAOU,eAAelB,EAAQC,EAAYS,ICpI9C,IAAMW,EAAuBrC,OAAO,0BAC9BsC,EAA4BtC,OAAO,uBAuBzC,SAASuC,EAAkBC,SAIvB,gBAAQA,EAAUH,MAAVG,EAAUH,GAA0B,CACxCI,SAAU,KACVC,SAAS,EACTC,gCAAgC,EAChCC,YAAa,KACbC,KAAMC,EAAeN,EAAUO,aAC/BC,WAAOZ,EACPa,WAAOb,EACPc,aAASd,GA8HjB,SAASU,EAAeK,GACpB,OAAOA,EAAetD,aAAesD,EAAeN,MAAQ,cAGhE,SAASO,EAAqBC,GAC1B,IAAMC,EAAsBD,EAAeE,KAAK/C,MAE1CgD,EAAQjB,EAAkB/B,MA8BhC,OA5BA,WACSgD,EAAMf,WAEPe,EAAMf,SA4BlB,SAAwBe,GACpB,OAAO,IAAIC,EAAYD,EAAMX,kBAAiB,WAC1C,GAAKW,EAAMd,QASX,UACIc,EAAMZ,aAANY,EAAMZ,cACR,MAAOc,GAAO,eACZF,EAAMf,WAANkB,EAAgBC,UAChBJ,EAAMf,SAAW,UARjBe,EAAMb,gCAAiC,KAnCtBkB,CAAeL,GAC3BA,EAAMd,SAGPoB,EAA6BC,SAASvD,KAAMgD,EAAOhD,OAI3D,IAAIkD,OAAiBtB,EACjB4B,OAAe5B,EAUnB,GATAoB,EAAMf,SAASwB,OAAM,WACjB,IAGID,EAAeE,GAAmB,EAAOZ,GAC3C,MAAOa,GACLT,EAAQS,MAGZT,EACA,MAAMA,EAEV,OAAOM,GA0Bf,SAASI,EAAYC,EAAiCC,GAOlD,OANIC,KACAC,QAAQC,KACJ,mLAIJjE,KAAKwC,QAAUsB,aDnPMI,EAAWC,GAEpC,GAAI9F,EAAG6F,EAAMC,GACT,OAAO,EAEX,GAAoB,iBAATD,GAA8B,OAATA,GAAiC,iBAATC,GAA8B,OAATA,EACzE,OAAO,EAEX,IAAMC,EAAQpD,OAAOqD,KAAKH,GACpBI,EAAQtD,OAAOqD,KAAKF,GAC1B,GAAIC,EAAMG,SAAWD,EAAMC,OACvB,OAAO,EAEX,IAAK,IAAIC,EAAI,EAAGA,EAAIJ,EAAMG,OAAQC,IAC9B,IAAKxD,OAAOyD,eAAenE,KAAK6D,EAAMC,EAAMI,MAAQnG,EAAG6F,EAAKE,EAAMI,IAAKL,EAAKC,EAAMI,KAC9E,OAAO,EAGf,OAAO,ECwOCE,CAAa1E,KAAKyC,MAAOoB,YCjPrBc,EAAoC3C,GAOhD,OANoC,IAAhCA,EAA0B,gBAC1BgC,QAAQC,KACJ,8IAKJjD,OAAO4D,UAAUC,cAAcvE,KAAKwE,EAAiB9C,IACrDhB,OAAO4D,UAAUC,cAAcvE,KAAKwE,EAAqB9C,YDqC7DW,GAEA,IAAQiC,EAAcjC,EAAdiC,UAER,GAAIjC,EAAeb,GAA4B,CAC3C,IAAMzC,EAAciD,EAAeK,GACnC,MAAM,IAAIoC,uCAC2B1F,2DAMzC,GAHIsD,EAAeb,IAA6B,EAG5C8C,EAAUI,mBACV,MAAM,IAAID,MAAM,kEAEpB,GAAIpC,EAA0B,YAAMsC,EAChC,GAAKL,EAAUM,uBAER,GAAIN,EAAUM,wBAA0BtB,EAE3C,MAAM,IAAImB,MACN,qFAJJH,EAAUM,sBAAwBtB,EAa1C,IAAMf,EAAiB+B,EAAUlG,OACjC,GAA8B,mBAAnBmE,EAA+B,CACtC,IAAMxD,EAAciD,EAAeK,GACnC,MAAM,IAAIoC,MACN,iCAAiC1F,EAAjC,yKAMRuF,EAAUlG,OAAS,WASf,OARAsC,OAAOU,eAAe1B,KAAM,SAAU,CAElC2B,cAAc,EACdwD,UAAU,EACV1D,MAAOsC,IACDlB,EACAD,EAAqBtC,KAAKN,KAAM6C,KAEnC7C,KAAKtB,UAGhB,IAAM0G,EAA4BR,EAAUS,kBAgE5C,OA/DAT,EAAUS,kBAAoB,sBAqBpBrC,EAAQjB,EAAkB/B,MA0BhC,OAxBAgD,EAAMd,SAAU,EAGhBoB,EAA6BgC,WAAWtC,GAMxCA,EAAMZ,YAAc,WAAA,OAAMhC,EAAKgC,eAE1BY,EAAMf,WAAYe,EAAMb,gCAWzBa,EAAMZ,oBAEHgD,SAAAA,EAA2BrF,MAAMC,KAAMuF,YAIlDhF,EAAMqE,EAAW,wBAAwB,iBACrC,IAAIb,IAAJ,CAGA,IAAMf,EAAQjB,EAAkB/B,eAChCgD,EAAMf,WAANuD,EAAgBpC,UAChBJ,EAAMf,SAAW,KACjBe,EAAMZ,YAAc,KACpBY,EAAMd,SAAU,EAChBc,EAAMb,gCAAiC,MAGpCQ,ECvJI8C,CAA2BzD,GAG3B0D,EAAa1D,yPCpBf2D,EAAsBb,EAAMc,cAAyB,aAMlDC,EAASpD,GACrB,IAAQqD,EAAwBrD,EAAxBqD,SAAaC,qIAAWtD,KAC1BuD,EAAclB,EAAMmB,WAAWN,GAC/BO,EAAqBpB,EAAMqB,YAAYH,EAAgBD,IAY7D,OAAOjB,gBAACa,EAAoBE,UAASpE,MAXvByE,EAAmBE,SAWmBN,GCbxD,SAASO,EACLC,EACAtE,EACAuE,EACAC,GAGA,IJ6BiCC,EAAcjG,EACzCkG,EI9BFC,EAAiC7B,EAAM8B,YAAW,SAACnE,EAAOoE,GAC1D,IAAMC,OAAgBrE,GAChBC,EAAUoC,EAAMmB,WAAWN,GAOjC,OANA3E,OAAO+F,OAAOD,EAAUR,EAAa5D,GAAW,GAAIoE,IAAa,IAE7DD,IACAC,EAASD,IAAMA,GAGZ/B,EAAMkC,cAAchF,EAAW8E,MAU1C,OAPIN,IAAcG,EAAWhC,EAASgC,IACtCA,EAAyB,gBAAI,EJgBIF,EIbZzE,EJa0BxB,EIbfmG,EJc1BD,EAAa1F,OAAOiG,oBAAoBjG,OAAOkG,eAAeT,IACpEzF,OAAOiG,oBAAoBR,GAAMvG,SAAQ,SAAAiH,GAChC3I,EAAe2I,KAAqC,IAA7BT,EAAW7F,QAAQsG,IAC3CnG,OAAOU,eAAelB,EAAQ2G,EAAKnG,OAAOC,yBAAyBwF,EAAMU,OIhBjFR,EAA2B,iBAAI3E,EAC/B2E,EAAStH,YAIb,SAAuB2C,EAAiCuE,GACpD,IACMa,EACFpF,EAAU3C,aACV2C,EAAUK,MACTL,EAAUO,aAAeP,EAAUO,YAAYF,MAChD,YAGJ,OAFIkE,EAA2B,eAAiBA,EAAc,IAAMa,EAAgB,IACjE,UAAYA,EAAgB,IAZxBC,CAAcrF,EAAWuE,GACzCI,EAeX,SAASW,EACLC,GAKA,OAAO,SAAUC,EAAY3D,GAczB,OAbA0D,EAAWrH,SAAQ,SAAUuH,GACzB,KACIA,KAAa5D,GADjB,CAIA,KAAM4D,KAAaD,GACf,MAAM,IAAIzC,MACN,yBACI0C,EACA,iEAEZ5D,EAAU4D,GAAaD,EAAWC,OAE/B5D,GAmBf,SAAgB6D,+BAAuDH,2BAAAA,kBACnE,GAA4B,mBAAjBhC,UAAU,GAAmB,CACpC,IAAIe,EAAef,UAAU,GAC7B,OAAO,SAAC5C,GAA8C,OAClD0D,EAAoBC,EAAc3D,EAAgB2D,EAAajE,MAAM,IAEzE,OAAO,SAACM,GAA8C,OAClD0D,EACIiB,EAAiBC,GACjB5E,EACA4E,EAAWI,KAAK,MAChB,ID3EhB9B,EAASxG,YAAc,eEzBvB,IAAMuI,EAAoBC,OAAOC,SAAShD,EAAMiD,QAAQC,MAAM,KAAK,IAC/DC,GAAwC,EAItCC,EAAgB1I,OAAO,yBACvB2I,EAAe3I,OAAO,wBAE5B,SAAS4I,eACJ,UAAKpI,KAAKkI,IAAkB,GAASlI,KAAKmI,IAAiB,IAAKjI,SAAQ,SAAAmI,GACrE,IAAMC,EAC2B,iBAAtBD,EAAiCjI,EAAKiI,GAAqBA,EAClEC,MAAAA,IACIC,MAAMC,QAAQF,GAAOA,EAAKG,KAAI,SAAAC,GAAC,OAAIA,OAClCJ,iBAqBDK,EACZnI,EACAoI,GAEA,GAAIL,MAAMC,QAAQI,GACd,OAAOA,EAAsBH,KAAI,SAAAI,GAAE,OAAIF,EAAiBnI,EAAQqI,MAG/DZ,IACGL,GAAqB,GACrB5D,QAAQd,MACJ,2FAGJc,QAAQC,KACJ,kGAGRgE,GAAwC,GAG5C,IAAMa,EAAI9H,OAAOkG,eAAe1G,GAAQ+B,YAClCwG,EAAK/H,OAAOkG,eAAe1G,EAAO+B,aAElCyG,EAAKhI,OAAOkG,eAAelG,OAAOkG,eAAe1G,IACvD,GAEQsI,IAAMhE,EAAMmE,WACZH,IAAMhE,EAAMG,eACZ8D,IAAOjE,EAAMmE,WACbF,IAAOjE,EAAMG,eACb+D,IAAOlE,EAAMmE,WACbD,IAAOlE,EAAMG,cAGjB,MAAM,IAAIF,MACN,4GAIR,GACqC,iBAA1B6D,GAC0B,mBAA1BA,IACNL,MAAMC,QAAQI,GAEf,MAAM,IAAI7D,MACN,qGAKR,IAGMmE,IAAgC1I,EAAO0H,MAAoB1H,EAAO2H,GAexE,OAlBqD,iBAA1BS,EAMrBpI,EAAO0H,KAAmB1H,EAAO0H,GAAiB,IAElD1H,EAAO2H,KAAkB3H,EAAO2H,GAAgB,KAEhDrH,KAAK8H,GAGNM,GACD3I,EAAMC,EAAQ,uBAAwB4H,GAIL,iBAA1BQ,EACAA,OADX,ECxGJ,SAASO,EAA2BC,GAChC,SAASC,EACLC,EACA7G,EACA8G,EACAnC,EACAoC,EACAC,8BACGC,mCAAAA,oBAEH,OAAOC,GAAU,WAGb,OAFAvC,EAAgBA,GAAiB,gBACjCqC,EAAeA,GAAgBF,EACR,MAAnB9G,EAAM8G,GACFD,EAEO,IAAIvE,MACP,OACIyE,EACA,KACAC,EAHJ,+BAMIrC,EACA,yBAT2B,OAApB3E,EAAM8G,GAAqB,OAAS,aAW3C,MAGL,KAGAH,gBAAU3G,EAAO8G,EAAUnC,EAAeoC,EAAUC,UAAiBC,OAKxF,IAAME,EAAwBP,EAAUtG,KAAK,MAAM,GAGnD,OADA6G,EAAiBN,WAAaD,EAAUtG,KAAK,MAAM,GAC5C6G,EAwBX,SAASC,EAAYC,GACjB,IAAMC,SAAkBD,EACxB,OAAIvB,MAAMC,QAAQsB,GACP,QAEPA,aAAqBE,OAId,SA7Bf,SAAkBD,EAAeD,GAE7B,MAAiB,WAAbC,GAK+B,WAA/BD,EAAU,kBAKQ,mBAAXtK,QAAyBsK,aAAqBtK,OAmBrDyK,CAASF,EAAUD,GACZ,SAEJC,EAiBX,SAASG,EACLC,EACAC,GAEA,OAAOjB,GAA2B,SAAC1G,EAAO8G,EAAUnC,EAAeoC,EAAUC,GACzE,OAAOE,GAAU,WACb,GAAIQ,GACIN,EAAYpH,EAAM8G,MAAea,EAASC,cAAe,OAAO,KAExE,IAAIC,EACJ,OAAQF,GACJ,IAAK,QACDE,EAAcC,EACd,MACJ,IAAK,SACDD,EAAcE,EACd,MACJ,IAAK,MACDF,EAAcG,EACd,MACJ,QACI,MAAM,IAAI1F,8BAA8BqF,GAEhD,IAAMN,EAAYrH,EAAM8G,GACxB,IAAKe,EAAYR,GAAY,CACzB,IAAMY,EArCtB,SAAwBZ,GACpB,IAAMC,EAAWF,EAAYC,GAC7B,GAAiB,WAAbC,EAAuB,CACvB,GAAID,aAAqBa,KACrB,MAAO,OACJ,GAAIb,aAAqBE,OAC5B,MAAO,SAGf,OAAOD,EA4ByBa,CAAed,GAC7Be,EAA+BV,EAC/B,mBAAqBC,EAASC,cAAgB,IAC9C,GACN,OAAO,IAAItF,MACP,iBACI0E,EACA,cACAiB,EAHJ,kBAMItD,EACA,+BACAgD,EACA,IACAS,EACA,KAGZ,OAAO,WAKnB,SAASC,EACLX,EACAY,GAEA,OAAO5B,GACH,SAAC1G,EAAO8G,EAAUnC,EAAeoC,EAAUC,8BAAiBC,mCAAAA,oBACxD,OAAOC,GAAU,WACb,GAA2B,mBAAhBoB,EACP,OAAO,IAAIhG,MACP,aACI0E,EACA,mBACArC,EAHJ,oCAQJ,IAAIlE,EAAQgH,EAAmCC,EAAiB,QAApDD,CACRzH,EACA8G,EACAnC,EACAoC,EACAC,GAGJ,GAAIvG,aAAiB6B,MAAO,OAAO7B,EAEnC,IADA,IAAM4G,EAAYrH,EAAM8G,GACf/E,EAAI,EAAGA,EAAIsF,EAAUvF,OAAQC,IASlC,IARAtB,EAAS6H,gBACLjB,EACAtF,EACA4C,EACAoC,EACAC,EAAe,IAAMjF,EAAI,YACtBkF,eAEc3E,MAAO,OAAO7B,EAGvC,OAAO,WAO3B,IAQa8H,EAAY,CACrBC,gBAToBf,GAAmC,EAAO,SAU9DgB,kBATsBJ,EAAmC/H,KAAK,MAAM,GAUpEoI,cATkBjB,GAAmC,EAAO,OAU5DkB,iBATqBlB,GAAmC,EAAO,UAU/DmB,uBAT2BnB,GAAmC,EAAM,SAUpEoB,yBAT6BR,EAAmC/H,KAAK,MAAM,GAU3EwI,yBAT6BrB,GAAmC,EAAM,WCpM1E,IAAKjB,EACD,MAAM,IAAIlE,MAAM,6CAGpB,IAAKyG,EACD,MAAM,IAAIzG,MAAM"}

package/dist/mobxreact.umd.development.js

@@ -138,6 +138,14 @@
 
     var administrationSymbol = /*#__PURE__*/Symbol("ObserverAdministration");
     var isMobXReactObserverSymbol = /*#__PURE__*/Symbol("isMobXReactObserver");
+    var observablePropDescriptors;
+    {
+      observablePropDescriptors = {
+        props: /*#__PURE__*/createObservablePropDescriptor("props"),
+        state: /*#__PURE__*/createObservablePropDescriptor("state"),
+        context: /*#__PURE__*/createObservablePropDescriptor("context")
+      };
+    }
     function getAdministration(component) {
       var _component$administra;
       // We create administration lazily, because we can't patch constructor
@@ -146,22 +154,19 @@
       return (_component$administra = component[administrationSymbol]) != null ? _component$administra : component[administrationSymbol] = {
         reaction: null,
         mounted: false,
+        reactionInvalidatedBeforeMount: false,
         forceUpdate: null,
         name: getDisplayName(component.constructor),
         state: undefined,
         props: undefined,
-        context: undefined,
-        propsAtom: mobx.createAtom("props"),
-        stateAtom: mobx.createAtom("state"),
-        contextAtom: mobx.createAtom("context"),
-        isUpdating: false
+        context: undefined
       };
     }
     function makeClassComponentObserver(componentClass) {
       var prototype = componentClass.prototype;
       if (componentClass[isMobXReactObserverSymbol]) {
         var displayName = getDisplayName(componentClass);
-        console.warn("The provided component class (" + displayName + ")\n                has already been declared as an observer component.");
+        throw new Error("The provided component class (" + displayName + ") has already been declared as an observer component.");
       } else {
         componentClass[isMobXReactObserverSymbol] = true;
       }
@@ -176,15 +181,9 @@
           throw new Error("It is not allowed to use shouldComponentUpdate in observer based components.");
         }
       }
-      // this.props and this.state are made observable, just to make sure @computed fields that
-      // are defined inside the component, and which rely on state or props, re-compute if state or props change
-      // (otherwise the computed wouldn't update and become stale on props change, since props are not observable)
-      // However, this solution is not without it's own problems: https://github.com/mobxjs/mobx-react/issues?utf8=%E2%9C%93&q=is%3Aissue+label%3Aobservable-props-or-not+
-      Object.defineProperties(prototype, {
-        props: observablePropsDescriptor,
-        state: observableStateDescriptor,
-        context: observableContextDescriptor
-      });
+      {
+        Object.defineProperties(prototype, observablePropDescriptors);
+      }
       var originalRender = prototype.render;
       if (typeof originalRender !== "function") {
         var _displayName = getDisplayName(componentClass);
@@ -199,8 +198,13 @@
         });
         return this.render();
       };
-      patch(prototype, "componentDidMount", function () {
+      var originalComponentDidMount = prototype.componentDidMount;
+      prototype.componentDidMount = function () {
         var _this = this;
+        if ( this.componentDidMount !== Object.getPrototypeOf(this).componentDidMount) {
+          var _displayName2 = getDisplayName(componentClass);
+          throw new Error("[mobx-react] `observer(" + _displayName2 + ").componentDidMount` must be defined on prototype." + "\n`componentDidMount = () => {}` or `componentDidMount = function() {}` is not supported.");
+        }
         // `componentDidMount` may not be called at all. React can abandon the instance after `render`.
         // That's why we use finalization registry to dispose reaction created during render.
         // Happens with `<Suspend>` see #3492
@@ -223,15 +227,20 @@
         admin.forceUpdate = function () {
           return _this.forceUpdate();
         };
-        if (!admin.reaction) {
+        if (!admin.reaction || admin.reactionInvalidatedBeforeMount) {
+          // Missing reaction:
           // 1. Instance was unmounted (reaction disposed) and immediately remounted without running render #3395.
           // 2. Reaction was disposed by finalization registry before mount. Shouldn't ever happen for class components:
           // `componentDidMount` runs synchronously after render, but our registry are deferred (can't run in between).
           // In any case we lost subscriptions to observables, so we have to create new reaction and re-render to resubscribe.
           // The reaction will be created lazily by following render.
+          // Reaction invalidated before mount:
+          // 1. A descendant's `componenDidMount` invalidated it's parent #3730
           admin.forceUpdate();
         }
-      });
+        return originalComponentDidMount == null ? void 0 : originalComponentDidMount.apply(this, arguments);
+      };
+      // TODO@major Overly complicated "patch" is only needed to support the deprecated @disposeOnUnmount
       patch(prototype, "componentWillUnmount", function () {
         var _admin$reaction;
         if (mobxReactLite.isUsingStaticRendering()) {
@@ -242,6 +251,7 @@
         admin.reaction = null;
         admin.forceUpdate = null;
         admin.mounted = false;
+        admin.reactionInvalidatedBeforeMount = false;
       });
       return componentClass;
     }
@@ -282,27 +292,20 @@
     }
     function createReaction(admin) {
       return new mobx.Reaction(admin.name + ".render()", function () {
-        if (admin.isUpdating) {
-          // Reaction is suppressed when setting new state/props/context,
-          // this is when component is already being updated.
-          return;
-        }
         if (!admin.mounted) {
           // This is neccessary to avoid react warning about calling forceUpdate on component that isn't mounted yet.
           // This happens when component is abandoned after render - our reaction is already created and reacts to changes.
-          // Due to the synchronous nature of `componenDidMount`, we don't have to worry that component could eventually mount and require update.
+          // `componenDidMount` runs synchronously after `render`, so unlike functional component, there is no delay during which the reaction could be invalidated.
+          // However `componentDidMount` runs AFTER it's descendants' `componentDidMount`, which CAN invalidate the reaction, see #3730. Therefore remember and forceUpdate on mount.
+          admin.reactionInvalidatedBeforeMount = true;
           return;
         }
         try {
-          // forceUpdate sets new `props`, since we made it observable, it would `reportChanged`, causing a loop.
-          admin.isUpdating = true;
           admin.forceUpdate == null ? void 0 : admin.forceUpdate();
         } catch (error) {
           var _admin$reaction2;
           (_admin$reaction2 = admin.reaction) == null ? void 0 : _admin$reaction2.dispose();
           admin.reaction = null;
-        } finally {
-          admin.isUpdating = false;
         }
       });
     }
@@ -321,38 +324,22 @@
       return !shallowEqual(this.props, nextProps);
     }
     function createObservablePropDescriptor(key) {
-      var atomKey = key + "Atom";
       return {
         configurable: true,
         enumerable: true,
         get: function get() {
           var admin = getAdministration(this);
-          var prevReadState = mobx._allowStateReadsStart(true);
-          admin[atomKey].reportObserved();
-          mobx._allowStateReadsEnd(prevReadState);
+          var derivation = mobx._getGlobalState().trackingDerivation;
+          if (derivation && derivation !== admin.reaction) {
+            throw new Error("[mobx-react] Cannot read \"" + admin.name + "." + key + "\" in a reactive context, as it isn't observable.\n                    Please use component lifecycle method to copy the value into a local observable first.\n                    See https://github.com/mobxjs/mobx/blob/main/packages/mobx-react/README.md#note-on-using-props-and-state-in-derivations");
+          }
           return admin[key];
         },
         set: function set(value) {
-          var admin = getAdministration(this);
-          // forceUpdate issued by reaction sets new props.
-          // It sets isUpdating to true to prevent loop.
-          if (!admin.isUpdating && !shallowEqual(admin[key], value)) {
-            admin[key] = value;
-            // This notifies all observers including our component,
-            // but we don't want to cause `forceUpdate`, because component is already updating,
-            // therefore supress component reaction.
-            admin.isUpdating = true;
-            admin[atomKey].reportChanged();
-            admin.isUpdating = false;
-          } else {
-            admin[key] = value;
-          }
+          getAdministration(this)[key] = value;
         }
       };
     }
-    var observablePropsDescriptor = /*#__PURE__*/createObservablePropDescriptor("props");
-    var observableStateDescriptor = /*#__PURE__*/createObservablePropDescriptor("state");
-    var observableContextDescriptor = /*#__PURE__*/createObservablePropDescriptor("context");
 
     /**
      * Observer function / decorator