fix(ssr): avoid accessing localStorage during SSR initialization
Build and Deploy / Build and Push Docker Image (push) Successful in 1m53s
Build and Deploy / Build and Push Docker Image (push) Successful in 1m53s
- Initialize activeInterconnectNodeId with empty string - Read from localStorage only in client-side - Defer selected state initialization in NodeSwitcher to useEffect
This commit is contained in:
@@ -13,7 +13,7 @@ import { cn } from '@/lib/utils'
|
||||
|
||||
export function NodeSwitcher() {
|
||||
const [nodes, setNodes] = useState<InterconnectNode[]>([])
|
||||
const [selected, setSelected] = useState(activeInterconnectNodeId || 'local')
|
||||
const [selected, setSelected] = useState('local')
|
||||
const [isMaster, setIsMaster] = useState(false)
|
||||
const [open, setOpen] = useState(false)
|
||||
const [menuStyle, setMenuStyle] = useState<React.CSSProperties>({})
|
||||
@@ -22,6 +22,8 @@ export function NodeSwitcher() {
|
||||
|
||||
useEffect(() => {
|
||||
setMounted(true)
|
||||
// 在客户端初始化时从 localStorage 读取选中的节点
|
||||
setSelected(activeInterconnectNodeId || 'local')
|
||||
}, [])
|
||||
|
||||
const fetchNodes = useCallback(async () => {
|
||||
|
||||
Reference in New Issue
Block a user