chore: fix broken build by downgrading to a lower version

apps/frontend/next-env.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.

apps/frontend/src/app/profile/[username]/edit/page.tsx

@@ -56,7 +56,7 @@ const gap = 2;
 export default function EditProfile({
   params,
 }: Readonly<EditProfileProps>) {
-  const { userInfo } = useFusionAuth();
+  const { user: userInfo } = useFusionAuth();
   const username = params.username;
   const handleRemoveInterest = (value: string) => {
     console.log(value);

apps/frontend/src/app/profile/[username]/page.tsx

@@ -12,7 +12,7 @@ import { DefaultCoverImage } from '../../../shared/components/default-cover-imag
 
 // TODO: utilize useFusionAuth + http calls to fetch necessary data for profile page
 export default function Profile({ params }: Readonly<ProfileProps>) {
-  const { userInfo } = useFusionAuth();
+  const { user: userInfo } = useFusionAuth();
   const username = params.username;
   const bio = 'water earth fire air '.repeat(50).trim();
 

apps/frontend/src/config.ts

@@ -1,4 +1,4 @@
-import { FusionAuthProviderConfig } from '@fusionauth/react-sdk';
+import { FusionAuthConfig as FusionAuthProviderConfig } from '@fusionauth/react-sdk';
 
 export const fusionAuthProviderConfig: FusionAuthProviderConfig = {
   mePath: '/auth/me',
@@ -9,10 +9,9 @@ export const fusionAuthProviderConfig: FusionAuthProviderConfig = {
   redirectUri: process.env.NEXT_PUBLIC_FRONTEND_URL,
   serverUrl: process.env.NEXT_PUBLIC_BACKEND_BASE_URL,
   scope: process.env.NEXT_PUBLIC_FUSIONAUTH_OAUTH_SCOPES,
-  clientId: process.env.NEXT_PUBLIC_FUSIONAUTH_APPLICATION_ID,
-  shouldAutoFetchUserInfo: true,
-  shouldAutoRefresh: true,
-  onRedirect(_state) {
-    // TODO: Add notification
-  },
+  clientID: process.env.NEXT_PUBLIC_FUSIONAUTH_APPLICATION_ID,
+  // TODO: https://github.com/FusionAuth/fusionauth-javascript-sdk/issues/99
+  // shouldAutoFetchUserInfo: true,
+  // shouldAutoRefresh: true,
+  // onRedirect(_state) {},
 };

apps/frontend/src/shared/components/footer/footer.component.tsx

@@ -15,7 +15,7 @@ import { SignUpButton } from '../sign-up-button/sign-up-modal.component';
 import { SubscriptionTextField } from '../subscription-text-field/subscription-text-field.component';
 
 export function Footer() {
-  const { isLoggedIn } = useFusionAuth();
+  const { isAuthenticated: isLoggedIn } = useFusionAuth();
 
   return (
     <Stack paddingY={3} rowGap={2}>

apps/frontend/src/shared/components/header/desktop-toolbar/account-button.component.tsx

@@ -40,7 +40,7 @@ const countDownGrid2Sx = {
 };
 
 export function AccountButton() {
-  const { userInfo } = useFusionAuth();
+  const { user: userInfo } = useFusionAuth();
   const { isOpen, openModal, closeModal } = useModal();
   const avatarAlt = userInfo?.given_name ?? 'Avatar';
   const avatarUrl = userInfo?.picture;

apps/frontend/src/shared/components/header/desktop-toolbar/desktop-toolbar.component.tsx

@@ -14,7 +14,7 @@ import { AccountButton } from './account-button.component';
 export function DesktopToolbar({
   id,
 }: Readonly<DesktopToolbarProps>) {
-  const { isLoggedIn } = useFusionAuth();
+  const { isAuthenticated: isLoggedIn } = useFusionAuth();
 
   return (
     <Toolbar disableGutters id={id}>

apps/frontend/src/shared/components/header/mobile-toolbar/mobile-toolbar.componenrt.tsx

@@ -29,7 +29,8 @@ const navItems = [
 export function MobileToolbar({ id }: Readonly<MobileToolbarProps>) {
   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
   const pathname = usePathname();
-  const { startLogin, isLoggedIn } = useFusionAuth();
+  const { login: startLogin, isAuthenticated: isLoggedIn } =
+    useFusionAuth();
   const handleLogin = () => {
     startLogin(pathname ?? undefined);
   };

apps/frontend/src/shared/components/header/sign-in-modal.component.tsx

@@ -7,7 +7,7 @@ import { usePathname } from 'next/navigation';
 
 export function SignInModal() {
   const pathname = usePathname();
-  const { startLogin } = useFusionAuth();
+  const { login: startLogin } = useFusionAuth();
   const handleClick = () => {
     startLogin(pathname ?? undefined);
   };

apps/frontend/src/shared/components/sign-out-button/sign-out.component.tsx

@@ -4,7 +4,7 @@ import { useFusionAuth } from '@fusionauth/react-sdk';
 import Button from '@mui/material/Button';
 
 export function SingOutButton() {
-  const { startLogout } = useFusionAuth();
+  const { logout: startLogout } = useFusionAuth();
 
   return <Button onClick={startLogout}>Sign out</Button>;
 }

package.json

@@ -35,7 +35,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
-    "@fusionauth/react-sdk": "^2.1.1",
+    "@fusionauth/react-sdk": "^1.0.6",
     "@fusionauth/typescript-client": "^1.49.1",
     "@mdxeditor/editor": "^3.0.5",
     "@mui/icons-material": "^5.15.17",