Как заставить Next JS работать с Dynami c Heads in pages + Auth parent? - PullRequest
Новая
       8

Как заставить Next JS работать с Dynami c Heads in pages + Auth parent?

0 голосов
/ 09 июля 2020

Я работаю над проектом Next JS. У меня проблема с метаданными Dynami c, которые не обнаруживаются Facebook и Twitter, хотя они явно появляются в моем проверяемом коде - и я считаю, что это из-за моей проверки аутентификации. Это моя структура _app.js: 

<React.Fragment>
    <Head />
    <DefaultSeo {...SEO} />
        <Auth>
            <Component {...pageProps} />
        </Auth>
</React.Fragment>

(Краткая информация: <DefaultSeo> и <NextSeo> - это просто компоненты из next-seo, которые создают / дополняют пользовательский <Head>)

Проблема в том, что Auth отображает загрузчик при аутентификации пользователя (проверьте localStorage и т. Д.), Поэтому Component никогда не успевает отобразить, а теги <NextSeo /> на моих разных страницах не читаются Facebook или Twitter (OpenGraph), поэтому отображаются только значения <DefaultSeo />.

Есть ли у кого-нибудь представление о том, как go решить эту проблему, сохранив загрузчик (чтобы веб-сайт не мигал содержимое страницы до того, как сказать "Вам здесь не разрешено") и по-прежнему использовать пользовательские метатеги с разных моих страниц?

...