react18でreact-dom/clientが読み込まれない

前提

reactの勉強のため、creat-react-appsを使わず０からwebpackの設定をしつつ簡単なreactプロジェクトを作成しております。reactは最新18を使用しています。

実現したいこと

以下に記述しているような簡単なスクリプトでアプリを作成したいのですが、
react-dom/clientの読み込みでエラーが発生しており、webページが表示されない状態です。
react-dom/clientがうまく読み込まれるためにはどうしたらいいか教えていただきたく、
投稿させていただきました。

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

モジュール 'react-dom/client' の宣言ファイルが見つかりませんでした。'/Users/hashimo/application/ts-mtg-scheduler-test/node_modules/react-dom/client.js' は暗黙的に 'any' 型になります。
  存在する場合は `npm i --save-dev @types/react-dom` を試すか、`declare module 'react-dom/client';` を含む新しい宣言 (.d.ts) ファイルを追加しますts(7016)

該当のソースコード

typescript
1import App from './App'
2import { createRoot } from 'react-dom/client';
3import React,{StrictMode} from 'react';
4
5const rootElement = document.getElementById('root');
6const root = createRoot(rootElement);
7
8root.render(
9  <StrictMode>
10    <App />
11  </StrictMode>,
12);