cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Fix useCallback

Browse Source
This commit is contained in:
Belen Curcio 2021-01-09 12:39:18 -03:00
parent 66b8bdb6bb
commit e593eab9cc
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/ui/Modal/Modal.tsx
View File

@ -19,12 +19,14 @@ interface Props {
const Modal: FC<Props> = ({ children, open, onClose, onEnter = null }) => { const Modal: FC<Props> = ({ children, open, onClose, onEnter = null }) => {
const ref = useRef() as React.MutableRefObject<HTMLDivElement> const ref = useRef() as React.MutableRefObject<HTMLDivElement>
const handleKey = (e: KeyboardEvent) => const handleKey = useCallback(
useCallback(() => { (e: KeyboardEvent) => {
if (e.key === 'Escape') { if (e.key === 'Escape') {
return onClose() return onClose()
} }
}, [onClose]) },
[onClose]
)
useEffect(() => { useEffect(() => {
if (ref.current) { if (ref.current) {