Function as children display

Hi,

is react-element-to-jsx-string able to output/format a “Function as children”? (More infos)

const Foo = (props) => (
  <div>
    {props.children()}
  </div>
);

const Bar = () => (
  <Foo>{() => (
    <span>Yeah</span>
  )}</Foo>
);

Output from react-element-to-jsx-string:

<Foo />

Expected output:

<Foo>{() => (
  <span>Yeah</span>
)}</Foo>

[pascalduez]

@bnjmn-jns This looks like a different issue your describing, more to do with HOC’s and displayName. Quick fix Text.displayName = 'Text';

More thorough: https://github.com/algolia/react-element-to-jsx-string#reactelementtojsxstringreactelement-options
https://github.com/algolia/react-element-to-jsx-string/blob/master/src/parser/parseReactElement.js#L12-L17

[vvo]

Closing this since for being idle. If you want to work on that @pascalduez, feel free to reopen an issue with more details