React ssr(next)-getInitialProps insert a reactNode to props render

[li2568261]

In next(react ssr), I try to render a page use like this

// this common element, so much project use this, in my private node_modules
const Header = ({ result }) => <div>{result}</div>;

const renderComponent = async () => {
  // mock some request
  const result = await Promise.resolve(10);
  return <Header result={result} />;
};

static getInitialProps = async ctx => {

  return {
    Element: await renderComponent()
  }

}

render({Element}){
  console.log(Element)
  return Element
}

• In server side, correct render and console is

{ '$$typeof': Symbol(react.element),
  type: [Function: Header],
  key: null,
  ref: null,
  props: { result: 10 },
  _owner: null,
  _store: {} }

• In webside dom render correct one time, but soon throw error to empty page, console is

{key: null, ref: null, props: {…}, _owner: null, _store: {…}}
key: null
ref: null
props: {result: 10}
_owner: null
_store: {}
__proto__: Object

so, how to keep correct to render the common element.