Not working “fullpage.js” in next.js mobile webpage.

Hello!
I'm using FullPage.js within a next.js mobile webpage.
We are implementing dynamic routes using getServerSideProps from next.js.
If we test it locallhost, the Chrome app and Safari come out well. However,
when we apply it to a real server, the full page does not work properly.
Could you please check if any issues in my code potentially cause a problem when applied to the real server?
Android works fine. Also iPhone 12 Mini 12 works. But for 13 Pro Max and 13, both Safari and Chrome do not seem to work.
Would it be the case where allowing cross-website tracking causes a problem in the app settings?
And in the case of the iPhone, there is an issue where animation is cut off when scrolling in Chrome. Is there a way to fix it?

code:
https://codesandbox.io/p/sandbox/nervous-wildflower-bi4vow?file=%2Fpages%2Findex.tsx&selection=%5B%7B%22endColumn%22%3A1%2C%22endLineNumber%22%3A11%2C%22startColumn%22%3A1%2C%22startLineNumber%22%3A11%7D%5D