manifold/web/hooks/use-focus.ts
2022-03-03 00:01:12 -05:00

12 lines
333 B
TypeScript

import { useRef } from 'react'
// Focus helper from https://stackoverflow.com/a/54159564/1222351
export function useFocus(): [React.RefObject<HTMLElement>, () => void] {
const htmlElRef = useRef<HTMLElement>(null)
const setFocus = () => {
htmlElRef.current && htmlElRef.current.focus()
}
return [htmlElRef, setFocus]
}