"ReferenceError: useOutsideClick is not defined" in website about chakra-ui HOT 1 OPEN

I am checking github repo they are not added any custom hook useOutSideClick u can make your hook and enable above properties like this

import React, { useRef, useState, useEffect } from "react";
import { ChakraProvider, Box } from "@chakra-ui/react";
import ReactDOM from "react-dom";

function useOutsideClick(ref, handler) {
useEffect(() => {
function handleClickOutside(event) {
handler(event);
}

document.addEventListener("mousedown", handleClickOutside);
return () => {
document.removeEventListener("mousedown", handleClickOutside);
};
}, [ref, handler]);
}

function Example() {
const [isModalOpen, setIsModalOpen] = useState(false);
const modalRef = useRef(null);

useOutsideClick(modalRef, () => {
setIsModalOpen(false);
});

return (
<>
<button onClick={() => setIsModalOpen(true)}>Open Modal
{isModalOpen && (

from chakra-ui.