TypeScriptの型のimportができな（Cannot re-export a type when the '--isolatedModules' flag is provided.）

Question

下記の様な構成でTypeをimportしようと試みたのですが、エラーが出てうまくいかなかったのでご教示ください。

version
react: 16.8.6
TypeScript: 3.5.1

// フォルダ構成
/Parent
  |- Parent.tsx
  |- /Components
       |-/Child
           |-index.tsx
           |-Child.tsx

//Child.tsx

export type childProps = {
  title: string;
  body: string;
};

const Child: any = (props: childProps) => {
  return(
    <div></div>
  );
};

export default Child;

//index.tsx

export { default, childProps } from './Child';

// childPropsにエラー
// Cannot re-export a type when the '--isolatedModules' flag is provided.ts(1205)

//Parent.tsx
import { Child,  childProps} from './components';

index.tsxでエラーが出てしまいます。
childPropsをindex.tsxを介さずに、import { childProps } from './components/Child/Child' といった形でimportすると、うまく行きます。

下記のリンクで出されてた対処法は試してみたものの、うまくいきませんでした。
型は直接importするしかないのでしょうか？
そもそも親と子で同じ型を使用したい場合には、子から親へimportする方法というのは正しいのでしょうか。
以上よろしくお願いします。

https://github.com/facebook/create-react-app/issues/6054
https://github.com/microsoft/TypeScript/issues/28481