Function WithTracking

src/withTrackingComponentDecorator.js:16–57

({ rtFwdRef, ...props })

      DecoratedComponent.displayName || DecoratedComponent.name || 'Component';

    function WithTracking({ rtFwdRef, ...props }) {
      const latestProps = useRef(props);

      useEffect(() => {
        // keep the latest props in a mutable ref object to avoid creating
        // additional dependency that could cause unnecessary re-renders
        // see https://reactjs.org/docs/hooks-faq.html#what-can-i-do-if-my-effect-dependencies-change-too-often
        latestProps.current = props;
      });

      const trackingDataFn = useCallback(
        () =>
          typeof trackingData === 'function'
            ? trackingData(latestProps.current)
            : trackingData,
        []
      );

      const contextValue = useTrackingImpl(trackingDataFn, options);

      const trackingProp = useMemo(
        () => ({
          trackEvent: contextValue.tracking.dispatch,
          getTrackingData: contextValue.tracking.getTrackingData,
        }),
        [contextValue]
      );

      const propsToBePassed = useMemo(
        () => (forwardRef ? { ...props, ref: rtFwdRef } : props),
        [props, rtFwdRef]
      );

      return (
        <ReactTrackingContext.Provider value={contextValue}>
          {React.createElement(DecoratedComponent, {
            ...propsToBePassed,
            tracking: trackingProp,
          })}
        </ReactTrackingContext.Provider>
      );
    }

    if (forwardRef) {
      const forwarded = React.forwardRef((props, ref) =>