response-meta-tags: продолжает добавлять мета-теги

Question

Так что я использую мета-теги реагирования, чтобы поместить некоторые теги открытого графа Facebook в заголовок в зависимости от страницы, на которую смотрит пользователь, чтобы деления работали правильно. однако при использовании meta-тегов реагирования для этого он просто добавляет теги к голове, а не удаляет старые при перемещении по сайту. это означает, что голова наполняется множеством метатегов! : D

import React from "react";    
import MetaTags from 'react-meta-tags';

const Meta = () => {
  return (
    <div>
    <MetaTags>
      <title>Site Title</title>
      <meta property="og:url" content="http://www.example.com" />
      <meta property="og:type" content="music.playlist" />
      <meta property="og:title" content="Site Title" />
      <meta property="og:description" content="Description" />
      <meta property="og:image" content="url to image" />
    </MetaTags>      
    </div>
  )
}
export default Meta;

в документации сказано:

Примечание. Определите идентификатор для тегов, чтобы при переходе на другую страницу старые метатеги удалялись и заменялись новыми.

Однако они не приводят пример этого на своей странице github: https://github.com/s-yadav/react-meta-tags i когда я объявляю "id =" любому из тегов, он все еще не работает: (