feat: refresh rsc after mutation

src/app/(account)/join/steps/StepFour.tsx

@@ -26,6 +26,7 @@ export default function StepFour() {
         },
         onSuccess: () => {
             router.push('/settings');
+            router.refresh();
         },
     });
 

src/app/(account)/join/steps/StepOne.tsx

@@ -3,6 +3,7 @@ import ControlledField from '@/components/ControlledField';
 import { useSignUp } from '@clerk/nextjs';
 import { zodResolver } from '@hookform/resolvers/zod';
 import Link from 'next/link';
+import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { FcGoogle } from 'react-icons/fc';
@@ -33,6 +34,7 @@ function VerifyEmail() {
 
     const [verifyEmailLoading, setVerifyEmailLoading] = useState(false);
 
+    const router = useRouter();
     const handleVerify = form.handleSubmit(async ({ code }) => {
         if (!isLoaded) return;
 
@@ -48,6 +50,7 @@ function VerifyEmail() {
                 return;
             }
             await setActive({ session: completeSignUp.createdSessionId });
+            router.refresh();
         } catch (error) {
             handleClerkErrors(error, form, [
                 { code: 'form_param_nil', field: 'code', message: 'Please enter the the code.' },

src/app/(account)/signin/page.tsx

@@ -6,6 +6,7 @@ import FancyRectangle from '@/components/FancyRectangle';
 import { useSignIn } from '@clerk/clerk-react';
 import { zodResolver } from '@hookform/resolvers/zod';
 import Link from 'next/link';
+import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { FcGoogle } from 'react-icons/fc';
@@ -28,6 +29,7 @@ export default function SignInPage() {
 
     const [signInLoading, setSignInLoading] = useState(false);
 
+    const router = useRouter();
     const handleSignIn = form.handleSubmit(async ({ email, password }) => {
         if (!isLoaded) return;
 
@@ -41,7 +43,8 @@ export default function SignInPage() {
 
             if (result.status === 'complete') {
                 await setActive({ session: result.createdSessionId });
-                location.href = '/';
+                router.push('/');
+                router.refresh();
             } else {
                 console.log(result);
             }