How to use fusion-rpc-redux - 2 common examples

function WithRPCRedux(props: Props) {
      const reactReduxContext = React.useContext(ReactReduxContext);
      const ctx = React.useContext(FusionContext);
      const reduxPlugin = useService(ReduxToken).from(ctx);
      const rpc = useService(RPCToken).from(ctx);
      const wrappedMapStateToParams =
        mapStateToParams &&
        ((state, args) => mapStateToParams(state, args, props));
      const store = reactReduxContext
        ? reactReduxContext.store
        : reduxPlugin.store;
      const handler = createRPCHandler({
        rpcId,
        rpc,
        store,
        actions,
        mapStateToParams: wrappedMapStateToParams,
        transformParams,
      });
      return React.createElement(Component, {...props, [propName]: handler});
    }
    const displayName = Component.displayName || Component.name || 'Anonymous';

export function withRPCReactor(
  rpcId: string,
  reducers: RPCReducersType,
  {
    propName,
    transformParams,
    mapStateToParams,
  }: {
    propName?: string,
    transformParams?: (params: any) => any,
    mapStateToParams?: (state: any, args?: any, ownProps: Props) => any,
  } = {}
) {
  return withRPCRedux(rpcId, {
    actions: createRPCReactors(rpcId, reducers),
    propName,
    rpcId,
    transformParams,
    mapStateToParams,
  });
}