From 5ad45900eab6684c54b306f85928751f984e8c06 Mon Sep 17 00:00:00 2001
From: Mohd Afzal Khan <79896602+AFZL210@users.noreply.github.com>
Date: Tue, 2 May 2023 23:50:03 +0530
Subject: [PATCH] fix the auto-focus issue in teams setting page (#8577)

Co-authored-by: Keith Williams <keithwillcode@gmail.com>
---
 packages/features/ee/teams/pages/team-profile-view.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/features/ee/teams/pages/team-profile-view.tsx b/packages/features/ee/teams/pages/team-profile-view.tsx
index 742ab78179..8c047c7ddd 100644
--- a/packages/features/ee/teams/pages/team-profile-view.tsx
+++ b/packages/features/ee/teams/pages/team-profile-view.tsx
@@ -3,7 +3,7 @@ import type { Prisma } from "@prisma/client";
 import { useSession } from "next-auth/react";
 import Link from "next/link";
 import { useRouter } from "next/router";
-import { useState } from "react";
+import { useState, useLayoutEffect } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { z } from "zod";
 
@@ -54,6 +54,10 @@ const ProfileView = () => {
   const utils = trpc.useContext();
   const session = useSession();
   const [firstRender, setFirstRender] = useState(true);
+  
+  useLayoutEffect(() => {
+    document.body.focus();
+  }, []);
 
   const mutation = trpc.viewer.teams.update.useMutation({
     onError: (err) => {