i18next keeps saying missingKey but it looks fine?

Solution 1:

looks like you're not telling the useTranslation that you need the namespace 'dashboard' - so the hook does not assert it's loaded

https://react.i18next.com/latest/usetranslation-hook#loading-namespaces

const Example = () => {
    const { t } = useTranslation('dashboard');
    return (
      <div className='container'>
          <h1>{t('app_title')}</h1>
          <hr />
          <ul>
            <li>{t('dashboard:item1')}</li>
            <li>{t('dashboard:item2')}</li>
            <li>{t('dashboard:item3')}</li>
          </ul>
      </div>
    );
  };