React: @mui/x-data-gridがインポートできない

Question

React/TypescriptでMUIのData Gridを使用したいのですが、インポートできず下記エラーとなっています。

Compiled with problems:

ERROR in hoge.tsx:5:26

TS2307: Cannot find module '@mui/x-data-grid' or its corresponding type declarations.
    3 |
    4 | import * as React from 'react';
  > 5 | import { DataGrid } from '@mui/x-data-grid';
      |                          ^^^^^^^^^^^^^^^^^^

x-data-gridはMUI v5から使用できるようなのですが、公式ドキュメントに則ってインストールを行っており、なぜモジュールが見つからないのかが分からないです。。
package.jsoは以下のようになっています。

...
"dependencies": {
    "@babel/core": "^7.18.6",
    "@emotion/react": "^11.9.3",
    "@emotion/styled": "^11.9.3",
    "@hookform/resolvers": "^2.9.3",
    "@mui/icons-material": "^5.8.4",
    "@mui/material": "^5.8.7",
    "@mui/system": "^5.8.7",
    "@mui/x-data-grid": "^5.13.0",
...

x-data-gridを使用するには何か特別な設定が必要なのでしょうか？ご教示いただけますと幸いです。よろしくお願いいたします。