javascript - NextJS SSR Dinámico: False atascado en carga en dispositivos móviles

Problema:

La importación dinámica de Next JS se queda cargando en el navegador de dispositivos móviles (navegadores usados: Google Chrome y Safari en iOS). Mientras que funciona perfectamente en Google Chrome y Mozilla en escritorio. También estoy usando next-PWA con la configuración predeterminada. ¿Podría ser debido a next-PWA?

Fragmento de código:

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>);
}

Salida en Dispositivo Móvil

The component is loading

Salida en el navegador de escritorio

Hello from Component

Respuesta #1

La falla no fue de Next Dynamic, sino que se debió a que el sitio HTTP no obtenía recursos del navegador en navegadores móviles.

Editar: En dispositivos móviles se requiere HTTPS en lugar de HTTP. Por lo tanto, cuando estaba ejecutando en la red local era en HTTP, para habilitar HTTPS en tu red local puedes ver: https://web.dev/articles/how-to-use-local-https