interface vs type in typing React children

[wcandillon]

The following snippet doesn't pass the type checking: https://flow.org/try/#0JYWwDg9gTgLgBAKjgQwM5wEoFNkGN4BmUEIcA5FDvmQNwBQdwAdjFlAXlnAArFjoBvOnDi4AFsAA2AE0pMAXJiowAdAGEJMuQEEoUZAE8APNjyqAopKwgsLIwgB8DgDR0AvvTq5JadABUsVHgsAA9WJml0U3x1EkgmWxgjXgh+BzghETlpNgAKAEoM4RE4ShgAVygmOFzikrgjaWAANwcBGAlUFTA+LvEpWVs3IwB6Jta6uHz6ETd3BgYjAKCHYqNUMGQmBwIICFGNrdWRdc3t3f2Rw+26UeWYByA

However if we use type Props instead, it works perfectly fine:
https://flow.org/try/#0JYWwDg9gTgLgBAKjgQwM5wEoFNkGN4BmUEIcA5FDvmQNwBQdMAnmFnAArFjoC8cA3nThxcAC2AAbACaUAdgC5MVGADoAwuOlyAglCjImAHmx5VAUQlYQWWTEMIAfA4A0dAL706uCWnQAVLFR4LAAPGBspdBN8dRJIWRs7TghuBwEhODkpLCgACgBKdOFhShgAVyhZOFyM4rhDKWAANwd+GHFUFTAuTrFJGRs3QwB6RpbauHz6YTd3BgZDAKCHDMNUMGRZBwIICBH1zZXhNY2tnb3hg626EaWYByA

Is this indented? If yes, what is the reason behind?

[vkosovskikh]

Same question. When I use children like this:

import * as React from 'react'

interface IProps {
    children?: React.Node;
}

it seems like children is not allowed to be a string, and this does not help for some reason:

interface IProps {
    children?: React.Node | string;
}

When I use children inside type Props = {} it is working fine.

flow-bin@0.92.1

[vkosovskikh]

Can someone comment on this, please?