sepehr/office_translator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: move useState hook before conditional return in profile page
All checks were successful
Deploy to Production / Build and Deploy (push) Successful in 1m29s
Details

Browse Source 
The activeTab useState was called after the if(loading) return, violating
React's Rules of Hooks and causing error #310 at runtime.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
sepehr
2026-05-16 13:48:06 +02:00
parent 5e7411c2d4
commit a76f7710e8
1 changed files with 1 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/dashboard/profile/page.tsx
View File

@@ -71,6 +71,7 @@ export default function ProfilePage() {
const [loadingPortal, setLoadingPortal] = useState(false); const [loadingPortal, setLoadingPortal] = useState(false);
const [loadingCancel, setLoadingCancel] = useState(false); const [loadingCancel, setLoadingCancel] = useState(false);
const [isClearing, setIsClearing] = useState(false); const [isClearing, setIsClearing] = useState(false);
const [activeTab, setActiveTab] = useState('account');
const [defaultLanguage, setDefaultLanguage] = useState(settings.defaultTargetLanguage); const [defaultLanguage, setDefaultLanguage] = useState(settings.defaultTargetLanguage);
const token = typeof window !== 'undefined' ? localStorage.getItem('token') : null; const token = typeof window !== 'undefined' ? localStorage.getItem('token') : null;
@@ -162,9 +163,6 @@ export default function ProfilePage() {
const docsPct = pct(docsUsed, docsLimit); const docsPct = pct(docsUsed, docsLimit);
const pagesPct = pct(pagesUsed, pagesLimit); const pagesPct = pct(pagesUsed, pagesLimit);
// Tab state for editorial pill toggle
const [activeTab, setActiveTab] = useState('account');
return ( return (
<div className="flex h-full flex-col overflow-y-auto"> <div className="flex h-full flex-col overflow-y-auto">
<div className="flex flex-1 flex-col gap-8 p-6 lg:p-8 max-w-4xl mx-auto w-full"> <div className="flex flex-1 flex-col gap-8 p-6 lg:p-8 max-w-4xl mx-auto w-full">