تغيير اللغة في react-i18next

مرحبا أنا أكتشف مكتبة react-i18next وقد قمت باتباع خطوات التثبيت حسب توثيق الموقع الرسمي ووصلت الى هذه الخطوة وكل شئ يعمل بسلاسة 

import React from 'react';

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

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

وسؤالي هو ماذا ان أردت تغيير اللغة مثلا باضافة زر للتغيير مع العلم لدي لغتين en و ar

import React from 'react';

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

function MyComponent() {
  const { t, i18n } = useTranslation();

  const changeLanguage = () => {
  //تغيير اللغة
  }
  return (
    <div>
    <button onClick={changeLang}>change</button>
      <h1>{t('Welcome to React')}</h1>
    </div>
  );
}