trying to fix protected route data fetch problem and only one more problem somewhere in the

packages/web/components/FullPageExperiences/CreateConversation.tsx.tsx

@@ -30,7 +30,7 @@ export default function CreateConversation() {
   const { currUser } = useAuth();
   const router = useRouter();
 
-  const input = useRef<HTMLInputElement>();
+  const input = useRef<HTMLInputElement>(null);
 
   const [selectedUsers, setSelectedUsers] = useState<User[]>([] as User[]);
   const [isLoading, setIsLoading] = useState<boolean>(false);

packages/web/components/MainTabsOrPages/Header.tsx

@@ -26,7 +26,7 @@ export default function Header() {
 
   const router = useRouter();
 
-  const inputRef = useRef<HTMLInputElement | undefined>();
+  const inputRef = useRef<HTMLInputElement>(null);
 
   const [searchInput, setSearchInput] = useState<string>("");
 

packages/web/components/MainTabsOrPages/ViewConvo.tsx

@@ -97,7 +97,7 @@ export default function ViewConvo(props: { conversationId: string }) {
 
   const allConvosMap = useRecoilValue(allRelevantConversationsAtom);
 
-  const endOfTimeline = useRef<HTMLSpanElement>();
+  const endOfTimeline = useRef<HTMLSpanElement>(null);
 
   const [currentConvoModal, setCurrConvoModal] = useState<ConvoModal>(
     ConvoModal.na

packages/web/components/UserDetails/MasterAvatarGroup.tsx

@@ -1,4 +1,4 @@
-import { User } from "@nirvana/common/models/user";
+import User from "@nirvana/common/models/user";
 import { useAuth } from "../../contexts/authContext";
 import { useRecoilValue, useRecoilState } from "recoil";
 import { allRelevantContactsAtom } from "../../recoil/main";