can not open dropdown with ref its automatic close

[umairmanzoor1143]

codeSandBox:
https://codesandbox.io/s/icon-picker-cfldkf?file=/src/App.js
code:
`import FontIconPicker from "@fonticonpicker/react-fonticonpicker";
import "@fonticonpicker/react-fonticonpicker/dist/fonticonpicker.base-theme.react.css";
import "@fonticonpicker/react-fonticonpicker/dist/fonticonpicker.material-theme.react.css";
import React, { useRef, useState } from "react";

const IconPicker = () => {
const [icon, setIcon] = useState();
const fontIconPickerRef = useRef(null);
const handleChange = (i) => {
setIcon(i);
};

const handleCustomClick = () => {
if (fontIconPickerRef.current) {
fontIconPickerRef.current.handleDropDown(true);
}
};
console.log(fontIconPickerRef);
return (

click

<FontIconPicker
icons={[
"fipicon-angle-left",
"fipicon-angle-right",
"fipicon-angle-up",
"fipicon-angle-down"
]}
ref={fontIconPickerRef}
renderFunc={(svg) => }
theme="bluegrey"
appendTo="body"
renderUsing="class"
iconsPerPage={20}
value={icon}
onChange={handleChange}
isMulti={false}
/>

);
};

export default IconPicker;
`