Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-19 06:30:10 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix(InputBar): move focus logic into useEffect to prevent side effects

Browse Source 
fix: Error: Cannot access refs during render
This commit is contained in:
icarus 2025-10-16 23:59:45 +08:00
parent 24d2e6e6ce
commit 254051cf62
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/src/windows/mini/home/components/InputBar.tsx
View File

@ -3,7 +3,7 @@ import { useTimer } from '@renderer/hooks/useTimer'
import { Assistant } from '@renderer/types'
import { Input as AntdInput } from 'antd'
import { InputRef } from 'rc-input/lib/interface'
import React, { useRef } from 'react'
import React, { useEffect, useRef } from 'react'
import styled from 'styled-components'
interface InputBarProps {
@ -27,9 +27,13 @@ const InputBar = ({
}: InputBarProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
const inputRef = useRef<InputRef>(null)
const { setTimeoutTimer } = useTimer()
if (!loading) {
setTimeoutTimer('focus', () => inputRef.current?.input?.focus(), 0)
}
useEffect(() => {
if (!loading) {
setTimeoutTimer('focus', () => inputRef.current?.input?.focus(), 0)
}
})
return (
<InputWrapper ref={ref}>
{assistant.model && <ModelAvatar model={assistant.model} size={30} />}