[useAuthHeaderLinks] Fix "missing key" issue

meissadia · meissadia · commit 70bbc40b7a46 · 2024-10-22T13:59:42.000-06:00
diff --git a/src/utils/useHeaderAuthLinks.tsx b/src/utils/useHeaderAuthLinks.tsx
@@ -30,7 +30,7 @@ export const useHeaderAuthLinks = (): ReactElement[] => {
       <NavLink key='user-name' className='nav-item a-link' to='/profile/view'>
         {auth.user?.profile.name ?? auth.user?.profile.email ?? 'User profile'}
       </NavLink>,
-      <Button label='LOG OUT' asLink onClick={onLogout} />,
+      <Button key='logout' label='LOG OUT' asLink onClick={onLogout} />,
     );
   }
 

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ export const useHeaderAuthLinks = (): ReactElement[] => {`
`30`	`30`	`<NavLink key='user-name' className='nav-item a-link' to='/profile/view'>`
`31`	`31`	`{auth.user?.profile.name ?? auth.user?.profile.email ?? 'User profile'}`
`32`	`32`	`</NavLink>,`
`33`		`- <Button label='LOG OUT' asLink onClick={onLogout} />,`
	`33`	`+ <Button key='logout' label='LOG OUT' asLink onClick={onLogout} />,`
`34`	`34`	`);`
`35`	`35`	`}`
`36`	`36`