How to Firestone enable persistence?

[DavideVito]

I'd like to implement Firestore offline persistence on my PWA.

I’m using this code to query the Firestore database

const firestore = useFirestore().enablePersistence();

  let documentReference = firestore
    .collection("food")
    .doc("milkshake");

  const { data } = useFirestoreDocData(documentReference);

but running the code i get an error:

FirebaseError: Firestore has already been started and persistence can no longer be enabled. You can only enable persistence before calling any other methods on a Firestore object.

This component is wrapped inside a <Suspense> as mentioned in the documentation

That database read is the only one that i make in the entire app, how can i solve?