Haru

<p>エラー内容</p>
<div class="code-block-container"><pre class="language-zsh"><code class="language-zsh">It looks like you're trying to use TypeScript but do not have the required package(s) installed. 
Please install @types/react by running:

       npm install --save-dev @types/react

If you are not trying to use TypeScript, please remove the tsconfig.json file from your package root (and any TypeScript files in your pages directory).
</code></pre></div>

<p>本家Issue<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__6779b8b9bf49" src="https://embed.zenn.studio/card#zenn-embedded__6779b8b9bf49" data-content="https%3A%2F%2Fgithub.com%2Fvercel%2Fnext.js%2Fissues%2F36085" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/vercel/next.js/issues/36085" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/vercel/next.js/issues/36085</a></p>
<h1 id="%E4%BF%AE%E6%AD%A3%E6%96%B9%E6%B3%951%3A-next.js%E3%81%AE%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88%E3%81%A7%E3%81%AE%E5%AF%BE%E5%BF%9C">
<a class="header-anchor-link" href="#%E4%BF%AE%E6%AD%A3%E6%96%B9%E6%B3%951%3A-next.js%E3%81%AE%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88%E3%81%A7%E3%81%AE%E5%AF%BE%E5%BF%9C" aria-hidden="true"></a> 修正方法1: Next.jsのアップデートでの対応</h1>
<p>Next.jsがv12.1.6で対応済み。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__50b632543c478" src="https://embed.zenn.studio/card#zenn-embedded__50b632543c478" data-content="https%3A%2F%2Fgithub.com%2Fvercel%2Fnext.js%2Freleases%2Ftag%2Fv12.1.6" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/vercel/next.js/releases/tag/v12.1.6" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/vercel/next.js/releases/tag/v12.1.6</a></p>
<h1 id="%E4%BF%AE%E6%AD%A3%E6%96%B9%E6%B3%952%3A-%40types%2Freact%E3%82%92%E3%83%80%E3%82%A6%E3%83%B3%E3%82%B0%E3%83%AC%E3%83%BC%E3%83%89">
<a class="header-anchor-link" href="#%E4%BF%AE%E6%AD%A3%E6%96%B9%E6%B3%952%3A-%40types%2Freact%E3%82%92%E3%83%80%E3%82%A6%E3%83%B3%E3%82%B0%E3%83%AC%E3%83%BC%E3%83%89" aria-hidden="true"></a> 修正方法2: @types/reactをダウングレード</h1>
<p>@types/react をv18.0.1にダウングレードし、package.jsonでバージョン固定する</p>
<div class="code-block-container"><pre><code>"@types/react": "18.0.1"
</code></pre></div>