ONOYAMA Shodai

条件：
<ul>
<li>Next.jsのTypeScriptプロジェクトにmicroCMSのSDKをインストールする。</li>
<li>
<a href="https://blog.microcms.io/microcms-next-jamstack-blog/" target="_blank" rel="nofollow noopener noreferrer">microCMSの公式ブログ</a>を参考に進めていく。</li>
</ul>
ブログでは<code>client.js</code>なのを<code>client.ts</code>にすると、こんな型エラーを吐く。 
<img src="https://storage.googleapis.com/zenn-user-upload/e883fccd9a4b699d9fd8f7b7.png" alt loading="lazy" class="md-img">

以下のように変更したら直った。
<div class="code-block-container"><pre class="diff-highlight language-diff-ts"><code class="diff-highlight language-diff-ts">- apiKey: process.env.API_KEY,
+ apiKey: process.env.API_KEY | "",
</code></pre></div>ちょっとアドホック過ぎだとも思えるけど、TypeScriptってこういうもんなんですかね?