react-elegant-ui/esm/hooks/useMergeContext.js

Elegant UI components, made by BEM best practices for react

import { useContext, useMemo } from 'react';
import { deepMerge } from '../lib/deepMerge';
// TODO: support merge of many than 2 objects
/**
 * Hook to extend context value
 *
 * It get value from context and merge with addon data
 */
export var useMergeContext = function (context, addonData) {
  var ctx = useContext(context);
  var result = useMemo(function () {
    return deepMerge(ctx, addonData);
  }, [ctx, addonData]);
  return result;
};