useRef

const Noti = forwardRef(({ title, content, onClose }, ref) => {
  const show = () => {
    console.log(title, content)
  }
  useImperativeHandle(ref, () => {
    return {
      trigerNoti: () => {
        show()
      }
    }
  }, [])

  return null
})

export default function App() {
  const notiRef = useRef()
  return (
    <div className="App">
      <button onClick={() => {
        notiRef.current && notiRef.current.trigerNoti()
      }}>Show noti</button>
     <Noti show={isShow} ref={notiRef} content='Content' title='Title' />
    </div>
  );
}