今回はreact-helmet-asyncを使ってheadの設定方法について説明します。 前提条件は以下 VSCode上でcreat react appを使ってReact、TypeScriptの環境で行うESLint(Airbnb)とPrettierを追加して、VSCode上の拡張機能と連動させているURLごとにheadの中を変更させる(titleやdescription、canonicalなど)OGPの設定はしない 環境は以下です。 macOS Catalina v10.15.5Visual Studio Code v1.57.0React v17.0.2TypeScript v4.5.5react-router-dom v6.2.2react-helmet-async v1.2.3node.js v16.13.1