[新規]デプロイ&devChallengesに投稿

[h-yoshikawa44]

対象環境

本番

作業内容

• Vercel にデプロイ
• README 更新（+ スクショ撮影）
• devChallenges に投稿

[h-yoshikawa44]

投稿前の修正メモ

コンソールの警告

Warning: Did not expect server HTML to contain the text node と出ていた。 場所としては text-transform: capitalize を使っていた、トップページのコンポーネント。

text-transform: capitalize だとテキスト内容が変わる ↓ クライアント側とサーバ側とでレンダリング内容が変わると認識された？

とりあえず、そのスタイルをあてているところで、クライアントサイドの時だけスタイルをあてるようにしたところ、警告はでなくなった。

<select
  css={regionSelect}
  name="regions"
  id="region-select"
  onChange={handleSelectRegion}
>
  {/* process.browser による条件は警告回避のため */}
  {regions.map((region) => (
    <option
      key={region}
      css={process.browser && regionSelectOption}
      value={region}
      >
      {region}
    </option>
  ))}
</select>