Component.js

import React from 'react';

// the translate hook
import { useTranslation } from 'react-i18next';

const MyComponent = () {
  const { t, i18n } = useTranslation();
  return (
    <h1>{t('Welcome to React')}</h1>
  )
}
    
export default MyComponent;