更准确地说，它并不总是发生，假设在70%的情况下它工作正常，但有时应用程序冻结
我有一个调用API的按钮，在收到数据后，我想刷新页面，而不丢失状态，这就是为什么我使用router.push（）去同一个页面。就像我说的，它工作正常的大部分时间，所以我认为这不是一个代码问题，这里有一个简单的例子：'

<Button                                      
onClick={async() => {              
await axios
.patch(`http://127.0.0.1:5000/track/update/${trackId}`, updateTrackDto)
.then((res) => { 
 handleCloseDialogSure();
 router.push(`/tracks`); // this is the path of the same page
 })
 .catch((error) => {
 console.log("addTrack catched an error : ", error);
 });
}
>
Update
</Button>

我还使用getServerSideProps（）

export async function getServerSideProps(context) {
  console.log("getStaticProps Track Details starts");
  const trackId = context.params.trackId;
  const track = await axios.get(`http://127.0.0.1:5000/track/get/${trackId}`);
  return {
    props: {
      track: track.data,
    },
  };
}

最后我使用下一个路由器

import { useRouter } from "next/router";
const router = useRouter();

'