流程js：如何显示具有详细类型的定义

Question

我在VSCode，Atom和WebStorm中查找，但找不到任何显示先前声明的详细类型的信息。这里是VSCode的示例：

type Props = {| propTest: string |};

export const TestFlow1 = (props:Props) => {
  return <div />;
};

export const TestFlow2 = (props: {| propTest: string |}) => {
 return <div />;
};

悬停在VSCode中，定义如下所示：

了解道具和相应类型毫无用处。

当类型像TestFlow2一样被“直接”定义时，道具和类型出现：

是否有配置或插件，因此可以像第一个示例中那样声明类型，然后像第二个示例中那样显示定义？ VSCode，WebStorm或Atom都可以。