title: nextjs & react-i18next: Images and input placeholders are not translated
body: <p>Language detection works fine. All strings are translated into user's language but images and input placeholders are shown in default language. When I change languages manually translation of images and placeholders is working as expected.</p>
  <p>There is my i18n.js</p>
  <pre><code>import i18n from &quot;i18next&quot;;
  import { initReactI18next } from &quot;react-i18next&quot;;
  import LanguageDetector from 'i18next-browser-languagedetector';
  
  import en from './locales/en.json';
  import ru from './locales/ru.json';
  
  
  const resources = { en, ru };
  const DETECTION_OPTIONS = {
    order: ['localStorage','navigator'],
    cache: ['localStorage'],
    debug: true,
  };
  
  i18n
    .use(LanguageDetector)
    .use(initReactI18next) // passes i18n down to react-i18next
    .init({
      resources,
      detection: DETECTION_OPTIONS,
      fallbackLng: 'en',
      supportedLngs: ['en', 'ru'],
      interpolation: {
        escapeValue: false // react already safes from xss
      },
      react: {
          bindI18n: 'languageChanged loaded',
          wait: true,
          useSuspense: false
      }
    });
  
    export default i18n;
  </code></pre>
  <p>There is a short version of my page:</p>
  <pre><code>import React, { useRef, useEffect, useState } from 'react'
  
  import i18n from &quot;i18next&quot;;
  import { useTranslation, initReactI18next } from &quot;react-i18next&quot;;
  
  
  export default function Feedback(){
  
      const { t, ready } = useTranslation('', { useSuspense: false });
  
      if (ready === false){
          return &lt;div&gt;&lt;/div&gt;
      }
  
      return &lt;div className=&quot;feedback-page&quot;&gt;
          ...
          &lt;img className=&quot;feedback-logo&quot; src={t('feedback.whiteLogo')}/&gt;
          &lt;input type=&quot;email&quot; name=&quot;email&quot; className=&quot;feedback-input&quot; 
                              onChange={e =&gt; setEmail(e.target.value)} placeholder={`${t('feedback.email')}`} value={email}/&gt;
          ...
     &lt;/div&gt;
  
  
  }
  </code></pre>
  <p>I've also tried to use Suspense, but got error &quot;ReactDOMServer does not yet support Suspense&quot;.</p>
  <p>Is there any way to make it work?</p>