Componente react GoogleTranslate

translate.js

import React, { useEffect } from "react";

const GoogleTranslate = (props) => {

  const googleTranslateElementInit = () => {
    new window.google.translate.TranslateElement({ pageLanguage: 'pt', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, includedLanguages: 'en,es,pt', autoDisplay: false, multilanguagePage: true }, 'google_translate_element')
  }

  useEffect(() => {
    var addScript = document.createElement('script');
    addScript.setAttribute('src', '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit');
    document.body.appendChild(addScript);
    window.googleTranslateElementInit = googleTranslateElementInit;
  }, [])

  return (
      <div id="google_translate_element" />
  );
};

export default GoogleTranslate;