Estoy desarrollando un proyecto en el que estoy usando NEXT.js pero tengo un problema como si no estuviera obteniendo todo el valor html en la fuente de la página de vista. Creo que mis problemas en _app.js mi código está debajo y la captura de pantalla también...

_app.js

 import { useState } from "react"; import Router from "next/router"; import { Provider } from "react-redux"; import store from "../store/index"; import Layout from "../utils/Layout"; import Spinner from "../utils/Spinner"; import "bootstrap/dist/css/bootstrap.min.css"; import "../styles/cardDesign-swiper.css"; import "../styles/dashboard.css"; import "../styles/index.css"; function MyApp({ Component, pageProps }) { const [loading, setLoading] = useState(true); Router.onRouteChangeStart = () => { setLoading(true); }; Router.onRouteChangeComplete = () => { setLoading(false); }; return ( <> {loading && <Spinner width={120} />} {!loading && ( <Provider store={store}> <div suppressHydrationWarning> {typeof window === "undefined" ? null : ( <Layout> <Component {...pageProps} /> </Layout> )} </div> </Provider> )} </> ); } export default MyApp;

En el elemento de inspección, obtengo todo el valor real, pero no obtengo el valor en la fuente de la página de vista, así que ayúdenme a lograr esto.

Lo que obtengo en la fuente de la página de vista es...