How to use the hops.withServerData function in hops

Miss,
  render,
  withServerData,
  useServerData,
  Status,
  withConfig,
  useConfig,
} from 'hops';

import React from 'react';
import { Link, Redirect, Route, Switch } from 'react-router-dom';
import FlowText from './flow-text';

const Text = importComponent(() => import('./text'));

const ServerDataHoC = withServerData(({ serverData }) => (
  <output>{serverData.method}</output>
));

const ServerDataHook = () =&gt; {
  const serverData = useServerData();

  return <output>{serverData.method}</output>;
};

const ConfigHoC = withConfig(({ config: { hoc } }) =&gt; <h1>{hoc}</h1>);

const ConfigHook = () =&gt; {
  const config = useConfig();

  return <h1>{config.hook}</h1>;
};