reactjs - useDisclosure 的 Chakra UI 类型问题

Question

我正在尝试使用来自 chakra ui 文档的警报对话框示例，但我在输入时遇到了一些问题:

    const { isOpen, onOpen, onClose } = useDisclosure();
    {...}
        <AlertDialog
                    motionPreset="slideInBottom"
                    leastDestructiveRef={cancelRef}
                    onClose={onClose}
                    isOpen={isOpen}
                    isCentered
        >
                <Button ref={cancelRef} onClick={onClose}>
                    Cancel
                </Button>
        </AlertDialog>

我从 leastDestructiveRef 和 ref 得到以下错误:

Type 'MutableRefObject' is not assignable to type'RefObject'.

Type 'MutableRefObject' is not assignable to type'LegacyRef | undefined'.

Answer 1

我对查克拉也有同样的问题。正如 Linda Paiste 的回答，这为我解决了这个问题:

import { useRef } from 'react';
...
const cancelRef = useRef<HTMLButtonElement>(null);