Como mudar tags <head> dinamicamente em um projeto Reactjs em 2022?

Atualmente modifico as Tags do dinamicamente com react-helmet

Um exemplo basico da aplicação seria:

import React from "react";
import {Helmet} from "react-helmet";

class Application extends React.Component {
  render () {
    return (
        <div className="application">
            <Helmet>
                <meta charSet="utf-8" />
                <title>My Title</title>
                <link rel="canonical" href="http://mysite.com/example" />
            </Helmet>
            ...
        </div>
    );
  }
};

Esta é a melhor forma de se fazer isso em uma SPA em Reactjs?

Desde já agradeço pelo retorno. Obrigado!

Tem como construir essas meta tags dynamicamente?