react helmetでSPAの各ページにOGタグを適用させたい

Question

お疲れ様です。

react helmetというライブラリを使って、React製のSPAの各ページにOGタグを適用させたいと考えています。ドキュメントにあるように、付与してみたのですが、index.html側に書かれている方が採用されてしまっており、うまくいっていないように思います。

react helmet：https://github.com/nfl/react-helmet

開発環境：
react 16.5.2
react helmet 5.2.0
type script

helmetを適用させたいコンポーネント

import * as React from 'react'
import { Helmet } from 'react-helmet'
・・・
class Home extends React.Component<Props> {
  render() {
    return (
      <div>
        <Helmet
          title={'ホーム｜サイトタイトル'}
          meta={[{ property: 'og:title', content: 'ホーム｜サイトタイトル' }]}
        />
        <Header />
・・・
export default Home;

ルーティング

import * as React from 'react'
import { Route, Switch } from 'react-router-dom'
import Home from 'components/Home/Home'
・・・
export const HOME_PATH = '/'
・・・
const Routes = (props: any) => (
  <Switch>
    <Route exact path={HOME_PATH} component={Home} />
・・・
  </Switch>
)
・・・
export default Routes

App.js

import * as React from 'react'
import { BrowserRouter as Router } from 'react-router-dom'
import Routes from '/Routes'
・・・
export default class App extends React.Component<{}> {
  router: any
    return (
              <Router />
    )
  }
}
・・・

その他、なにか加えなければいけない要素があるのでしょうか。
ドキュメントを見ているとこれで問題ないようにも思えるのですが、どうぞよろしくお願いいたします。

Answer 1

見るところを間違えていただけでできていました。