From 86bc76e1e0a6ed8f4c3c49a059c7068f9a4955a9 Mon Sep 17 00:00:00 2001
From: DiamondThree <diamond.shx@gmail.com>
Date: Wed, 21 Dec 2022 22:30:13 +0800
Subject: [PATCH] fix: react side effects

---
 packages/app/src/pages/invite/[invite_code].tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/packages/app/src/pages/invite/[invite_code].tsx b/packages/app/src/pages/invite/[invite_code].tsx
index be1e6a8c2e..eb83157b01 100644
--- a/packages/app/src/pages/invite/[invite_code].tsx
+++ b/packages/app/src/pages/invite/[invite_code].tsx
@@ -3,7 +3,7 @@ import { Empty } from '@/ui/empty';
 import { Avatar } from '@mui/material';
 import { acceptInviting } from '@pathfinder/data-services';
 import { useRouter } from 'next/router';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 
 const User = ({ name, avatar }: { name: string; avatar?: string }) => {
   return (
@@ -21,11 +21,16 @@ const User = ({ name, avatar }: { name: string; avatar?: string }) => {
 export default function DevPage() {
   const router = useRouter();
   const [successInvited, setSuccessInvited] = useState<boolean>(false);
-  acceptInviting({ invitingCode: router.query.invite_code as string })
-    .then(data => {
-      setSuccessInvited(true);
-    })
-    .catch(err => {});
+  useEffect(() => {
+    return () => {
+      acceptInviting({ invitingCode: router.query.invite_code as string })
+        .then(data => {
+          setSuccessInvited(true);
+        })
+        .catch(err => {});
+    };
+  }, []);
+
   return (
     <Invited>
       <div>