How to use the react-keybind.withShortcut function in react-keybind

<div>
        
      
    </div>
  );
}

export default connect((x) =&gt; x, { fetchNames })(withShortcut(Sidebar));

<tt>{x.keys}</tt>
                  <span>{x.description}</span>
                
              })}
            
          
        
      )}
    ;
  }
}

export default connect(
  (x) =&gt; x,
  { }
)(withShortcut(ShortcutsModal));

renderURL: buildRenderURL(state),
  leftRenderURL: buildRenderURL(state, state.leftFrom, state.leftUntil),
  rightRenderURL: buildRenderURL(state, state.rightFrom, state.rightUntil),
});

const mapDispatchToProps = (dispatch) => ({
  actions: bindActionCreators(
    { },
    dispatch
  ),
});

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(withShortcut(FlameGraphRenderer));

});

const mapDispatchToProps = (dispatch) => ({
  actions: bindActionCreators(
    {
      fetchJSON,
      receiveJSON,
    },
    dispatch
  ),
});

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(withShortcut(ComparisonFlameGraphRenderer));