NextJS Dynamic SSR: ложное зависание при загрузке на мобильных устройствах

Question

Проблема:

Динамический импорт Next JS зависает при загрузке в браузере мобильного устройства (используемый браузер: Google Chrome и Safari в IOS). В то время как он отлично работает в Google Chrome и Mozilla на рабочем столе. Я также использую next-PWA в конфигурации по умолчанию. Может быть, из-за следующего PWA?

Фрагмент кода:

      import dynamic from "next/dynamic";
import { useMemo } from "react";

export default function Main() {

const Component = useMemo(
    () =>
      dynamic(() => import("@components/Component"), {
        loading: () => <p>The component is loading</p>,
        ssr: false,
      }),
    [],
  );

  return(<div><Component/></div>);
}

Вывод на мобильное устройство

      The component is loading

Вывод в браузере рабочего стола

      Hello from Component

Answer 1

Ошибка возникла не из-за Next Dynamic, а из-за того, что сайт HTTP не получает ресурсы навигатора в мобильных браузерах.