hoshita

<div class="code-block-container"><pre><code class="code-line" data-line="0">Error: Minified React error #418; visit https://react.dev/errors/418?args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
</code></pre></div>

<h1 id="%E5%8E%9F%E5%9B%A0" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E5%8E%9F%E5%9B%A0" aria-hidden="true"></a> 原因</h1>
<code>toLocaleDateString()</code>によりサーバーサイドとクライアントサイドで異なる結果を返す可能性あったためエラーとして警告されていた模様。（Hydraitonの不一致）
<iframe id="zenn-embedded__2bf5efd616d1b" src="https://embed.zenn.studio/card#zenn-embedded__2bf5efd616d1b" data-content="https%3A%2F%2Freact.dev%2Ferrors%2F418" frameborder="0" scrolling="no" loading="lazy"></iframe><a href="https://react.dev/errors/418" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://react.dev/errors/418</a>
<h1 id="%E6%94%B9%E5%96%84%E7%AD%96" data-line="6" class="code-line">
<a class="header-anchor-link" href="#%E6%94%B9%E5%96%84%E7%AD%96" aria-hidden="true"></a> 改善策</h1>
<code>toLocaleDateString()</code>の引数に<code>"ja-JP"</code>を渡すことで環境依存により同じ結果を担保できるように変更
→無事にエラーを取り除くことができた
<div class="code-block-container"><pre class="diff-highlight language-diff-ts"><code class="diff-highlight language-diff-ts code-line" data-line="11">- new Date().toLocaleDateString()
+ new Date().toLocaleDateString("ja-JP")
</code></pre></div>