export default (props) => (
  <div id="from-middleware">{String(props.fromMiddleware)}</div>
)

export async function getServerSideProps({ req, res }) {
  return {
    props: {
      fromMiddleware:
        // TODO: this should only use request header once
        // start is using the separate renders as well
        req.headers['x-from-middleware'] ||
        res.getHeader('x-from-middleware') ||
        null,
    },
  }
}