問題タブ [react-component]

プロジェクトにサムネイル コンポーネントを追加しました。プロジェクトを追加した後、プロジェクトに次のエラーが表示されました。エラーは次の図に示されています。

これは、問題を理解するのに役立つかもしれない私の webpack.config.js ファイル コードです。そこに指定するローダーがあります。これに指定されたローダーが何であるかわかりません。誰も同じ問題に直面しましたか？

この問題に関するヘルプはありますか?

コンポーネントを呼び出したコードは次のとおりです。

I am using ReactJS and i have connected socket as in the different file as global function. There is a message event listener of socket and fires when any new message comes from backend.

Now what i want is that, i want to fire an event into component when my message event listener fires as it is defined as a global function.

Can anyone have an idea, how we do ?

Thanks in advance