React Native: sample/guide to apply XFDF to url document

In my app I am showing a pdf and I have xfdf string stored as a constant in code just for sample.
I have tried using the importAnnotations & importAnnotationCommand but nothing seems to work, I mean to display the annotations.

const App = () => {
const pdfRef = useRef(null);
const xfdf = "<></>";

pdfRef?.current?.importAnnotationCommand(xfdf);
return <DocumentView  ref={pdfRef} document={"https://abc.com"}/>
}

code is not totally correct , but shows main logic of what I’m trying, logic is placed in a useEffect actually.

Please is there a complete guide for ReactNative for this, samples I found on GitHub do not really do much.