当我把加载到组件中时，源代码没有出现在Next Js中

我创建了一个 Next Js 项目。一切都很好。但是我有一个问题。

我在 /pages/index.js 中创建了带有钩子的 Home 组件。之后，我为渲染创建了 isLoading 条件。

这是我的代码

import React, { Fragment, useState, useEffect } from "react";

const Home = () => {

  const [isLoading, setLoading] = useState(true);
  useEffect(() => {
    setLoading(false)
  }, [])

  return (
    <Fragment>
        {
            isLoading === true ? (
                <div> Loading..</div>
            ): (
                <div>
                    <div>Content</div>
                </div>
            )
        }
    </Fragment>
  );
}

export default Home;

再次一切都很棒。但是当我查看源代码时，什么也没有出现。只出现脚本标签。 为什么？

这个_app.js

function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

export default MyApp

我该如何解决这个问题？ 谢谢你。 最好的问候。