export const InputComponent = () => {
const inputRef = useRef<HTMLInputElement | undefined>();
useEffect(() => {
inputRef.current.focus();
}, [inputRef]);
return(<input type="text" ref={inputRef})
}
whats wrong in my code. Please help me.
export const InputComponent = () => {
const inputRef = useRef<HTMLInputElement | undefined>(null);
useEffect(() => {
inputRef.current.focus();
}, [inputRef]);
return(<input type="text" ref={inputRef})
}
Try using this code . check this codesandbox
You missed the closing bracket for the input tag.
return <input type="text" ref={inputRef} />