mobx-view-model/lib/hooks/use-value.js

MobX ViewModel power for ReactJS

import { useMemo, useRef } from 'react';
let useValueImpl = null;
if (process.env.NODE_ENV === 'production') {
    /**
     * This implementation is not working with HMR
     */
    useValueImpl = (getValue) => {
        // eslint-disable-next-line sonarjs/no-redundant-type-constituents
        const valueRef = useRef(null);
        if (!valueRef.current) {
            valueRef.current = getValue();
        }
        return valueRef.current;
    };
}
else {
    /**
     * This is might be helpful for better HMR Vite
     */
    useValueImpl = (getValue) => {
        return useMemo(getValue, []);
    };
}
/**
 * This hook accept `getValue` function and returns it result.
 *
 * `getValue` _should_ executes **ONLY ONCE**.
 * But in HMR it can executes more than 1 time
 *
 * @example
 * ```
 * const num = useValue(() => 1); // 1
 * ```
 */
export const useValue = useValueImpl;