TypeScriptの型定義の方法を教えてください！または、react-typist の実装方法を教えてください。

Question

前提・実現したいこと

React&Redux&TypeScriptでHPを作っています。
文字アニメーションを導入しようと react-typist を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

TS:7016: Could not find a declaration file for module 'react-typist'.

該当のソースコード

import * as React from 'react';
import { Typist } from 'react-typist';

type Props = {
};

const component: React.SFC<Props> = () => {
    return (
        <Typist>
            <script>
                console.log('Helloworld')
            </script>
        </Typist>
    );
};

export default component;

試したこと

１、上記エラー文から typescriptが認識できるよう react-typist のモジュールが必要であることが判明。
(参照したQ&A: Typescript react - Could not find a declaration file for module ''react-materialize'.)

２、現時点で推奨されている最新の型定義方法を試す、が存在しなかった。
npm install --save @types/react-typist　⇨　無い

３、TypeScriptのために型定義を自作しなければならないのだと解釈する。
(参考にしたQ&A: Typescript react - Could not find a declaration file for module ''react-materialize'.)

４、上記のQ&Aの回答として挙げられていたCreating TypeScript typings for existing React components を参考に型定義(.d.tsファイル)の自作を試みる。

５、指示通り、package.json に "typings":... の記述、index.d.ts ファイル作成まで終えた。

６、その後の工程での指示内容が理解できない。
例えば
１、この記事の筆者は react-selectize の型定義を宣言しようとしているが、
型定義したいコンポーネントが react-typist　の場合　interface props の属性の記述を変更
しなくて良いのか。

２、そもそもこの interface を各場所は index.d.ts　内で良いのか。

Comments

[ryochin]

なにがどううまく行かなかったのか示してもらえるとヒントになるかもしれません。

[shinzooon]

質問内容に修正を加えました。お手をお借りいただけないでしょうか。

[ryochin]

react-typist の型定義ファイルが正しく読み込まれているのであれば、エラーメッセージの内容が変わるのではと思いますが、いかがでしょうか。そもそもどんな環境でどのようなツール・コマンドでコンパイルされているのでしょう（webpack 等）、情報が足りません。

Answer 1

import { default as Typist } from 'react-typist'

上記の記述に書き換えることでビルドできました。
お騒がせして申し訳ありませんでした。