F - AdvancedHoc.jsx

function withToggle(Component) {
  function Wrapper(props, ref) {
    return (
      <Toggle.Consumer>
        {toggleContext => (
          <Component toggle={toggleContext} {...props} ref={ref} />
        )}
      </Toggle.Consumer>
    )
  }
  Wrapper.displayName = `withToggle(${Component.displayName ||
    Component.name})`
  return hoistNonReactStatics(React.forwardRef(Wrapper), Component)
}

G - AdvancedHocHooks.jsx

function withToggle(Component) {
  function Wrapper(props, ref) {
    const toggleContext = useContext(ToggleContext); 
    return <Component toggle={toggleContext} {...props} ref={ref} />
  }

  Wrapper.displayName = `withToggle(${Component.displayName ||
    Component.name})`
  return hoistNonReactStatics(React.forwardRef(Wrapper), Component)
}