Tanstack Query Firebase v1.0.6

On Thursday, 13th February, 2025, TanStack Query Firebase v1.0.6 officially went live! 🎉 This release brings new powerful hooks for Firebase Authentication and Firestore, making state management and data fetching in your React apps smoother and more efficient. 🚀

🔥 What’s New in v1.0.6?

1. Expanded Authentication Hooks

We've added more hooks to streamline authentication workflows, making it easier to manage user sessions, authentication states, and Firebase auth operations. The new hooks include:

• useApplyActionCodeMutation: Applies a verification code sent to the user by email or other out-of-band mechanism.

• useCheckActionCodeMutation : Checks a verification code sent to the user by email or other out-of-band mechanism.

• useCreateUserWithEmailAndPasswordMutation: Creates a new user account associated with the specified email address and password.

• useConfirmPasswordResetMutation: Sends a password reset email to the given email address.

• useRevokeAccessTokenMutation: Revokes the given access token. Currently only supports Apple OAuth access tokens.

• useGetRedirectResultQuery: Gets a UserCredential from the redirect-based sign-in flow.

These hooks integrate seamlessly provide a bunch of features out of the box, ensuring that authentication state remains fresh and efficient.

2. Expanded Firestore Hooks

Firestore is at the heart of many Firebase applications, and v1.0.6 enhances Firestore support with additional hooks:

• useEnableNetworkMutation: Re-enables use of the network for a given Firestore instance after a prior disable network call.

• useNamedQuery: Reads a Firestore Query from local cache, identified by the given name.

• useDeleteDocumentMutation: Deletes the document referred to by the specified DocumentReference.

These hooks simplify Firestore integration, allowing you to focus on building reactive and performant apps without worrying about state management.

📦 Installation

To upgrade or install @tanstack-query-firebase/react v1.0.6, run:

npm i @tanstack-query-firebase/react@latest

or with Yarn:

yarn add @tanstack-query-firebase/react@latest

or with pnpm:

pnpm i @tanstack-query-firebase/react@latest

🎯 Get Started Today!

References:

https://invertase.docs.page/tanstack-query-firebase

https://firebase.google.com/