github-starred/better-auth
2
0
Fork 0
mirror of https://github.com/better-auth/better-auth.git synced 2026-05-24 16:11:53 -05:00
Code Issues 2.5k Packages Projects Releases 112 Wiki Activity

[GH-ISSUE #6879] useSession().isPending flickers on app focus (React Native) #27985

New Issue
Closed
opened 2026-04-17 19:18:21 -05:00 by GiteaMirror · 3 comments
GiteaMirror commented 2026-04-17 19:18:21 -05:00
Owner
Copy Link

Originally created by @marcospgp on GitHub (Dec 19, 2025).
Original GitHub issue: https://github.com/better-auth/better-auth/issues/6879

Is this suited for github?

  • Yes, this is suited for github

To Reproduce

useSession().isPending flickers on app focus (React Native)

When using useSession() in React Native, isPending briefly becomes true when the app regains focus (e.g., switching apps, returning from Apple Sign In modal). This causes UI flicker if you conditionally render based on isPending.

Reproduction

  1. Authenticate user
  2. Switch to another app
  3. Switch back
  4. isPending flashes true → loading UI flickers

Expected

isPending should only be true during initial session fetch, not on refocus/refetch when data already exists.

Workaround

Use data !== undefined instead of !isPending for initial load checks.

// ❌ Flickers on app focus                                                                                                                                                                                       
if (isPending) return <Loading />                                                                                                                                                                                 
                                                                                                                                                                                                                  
// ✅ Works                                                                                                                                                                                                       
if (data === undefined) return <Loading />

Environment

  • Platform: React Native (Expo)
  • better-auth: 1.4.6
  • @better-auth/expo: 1.4.6

Current vs. Expected behavior

see above

What version of Better Auth are you using?

see above

System info

see above

Which area(s) are affected? (Select all that apply)

Client

Auth config (if applicable)

Additional context

No response

Originally created by @marcospgp on GitHub (Dec 19, 2025). Original GitHub issue: https://github.com/better-auth/better-auth/issues/6879 ### Is this suited for github? - [x] Yes, this is suited for github ### To Reproduce ## `useSession().isPending` flickers on app focus (React Native) When using `useSession()` in React Native, `isPending` briefly becomes `true` when the app regains focus (e.g., switching apps, returning from Apple Sign In modal). This causes UI flicker if you conditionally render based on `isPending`. ### Reproduction 1. Authenticate user 2. Switch to another app 3. Switch back 4. `isPending` flashes `true` → loading UI flickers ### Expected `isPending` should only be `true` during initial session fetch, not on refocus/refetch when data already exists. ### Workaround Use `data !== undefined` instead of `!isPending` for initial load checks. ```tsx // ❌ Flickers on app focus if (isPending) return <Loading /> // ✅ Works if (data === undefined) return <Loading /> ``` ### Environment - Platform: React Native (Expo) - `better-auth`: 1.4.6 - `@better-auth/expo`: 1.4.6 ### Current vs. Expected behavior see above ### What version of Better Auth are you using? see above ### System info ```bash see above ``` ### Which area(s) are affected? (Select all that apply) Client ### Auth config (if applicable) ```typescript ``` ### Additional context _No response_
GiteaMirror added the locked label 2026-04-17 19:18:21 -05:00
GiteaMirror commented 2026-04-17 19:18:24 -05:00
Author
Owner
Copy Link

@better-auth-agent[bot] commented on GitHub (Dec 19, 2025):

The flickering issue with useSession().isPending in React Native when the app regains focus has been noted. When switching apps or returning from modals, isPending briefly becomes true, causing UI flicker. The expected behavior is for isPending to reflect only the initial session fetch status, not on focus changes.

A recommended workaround is to check for the session data directly, rather than relying on isPending. For example, use if (data === undefined) return <Loading /> instead of checking for isPending which can lead to flickering due to the transient state change when regaining app focus [1].

Are you considering implementing this workaround, or do you need assistance with any other part of your setup?

If you need more help, tag @better-auth-agent in a comment so I can respond.

Diagram • Discord • GitHub

Diagram Join Star

<!-- gh-comment-id:3675230012 --> @better-auth-agent[bot] commented on GitHub (Dec 19, 2025): The flickering issue with `useSession().isPending` in React Native when the app regains focus has been noted. When switching apps or returning from modals, `isPending` briefly becomes `true`, causing UI flicker. The expected behavior is for `isPending` to reflect only the initial session fetch status, not on focus changes. A recommended workaround is to check for the session data directly, rather than relying on `isPending`. For example, use `if (data === undefined) return <Loading />` instead of checking for `isPending` which can lead to flickering due to the transient state change when regaining app focus [[1]](https://github.com/better-auth/better-auth/issues/4609). Are you considering implementing this workaround, or do you need assistance with any other part of your setup? _If you need more help, tag @better-auth-agent in a comment so I can respond._ <!-- bot:webhook reply v1 --> [Diagram](https://repodiagrams.s3.eu-north-1.amazonaws.com/skyvern_ultra_detailed_interactive.html) • [Discord](https://discord.gg/fG2XXEuQX3) • [GitHub](https://github.com/Skyvern-AI/Skyvern) [![Diagram](https://img.shields.io/badge/Diagram-2b3137?style=flat-square)](https://repodiagrams.s3.eu-north-1.amazonaws.com/skyvern_ultra_detailed_interactive.html) [![Join](https://img.shields.io/badge/join-5865F2?logo=discord&logoColor=white&style=flat-square)](https://discord.gg/fG2XXEuQX3) [![Star](https://img.shields.io/badge/star-181717?logo=github&logoColor=white&style=flat-square)](https://github.com/Skyvern-AI/Skyvern)
GiteaMirror commented 2026-04-17 19:18:25 -05:00
Author
Owner
Copy Link

@marcospgp commented on GitHub (Dec 19, 2025):

this issue https://github.com/better-auth/better-auth/issues/4609 is unrelated

<!-- gh-comment-id:3675254844 --> @marcospgp commented on GitHub (Dec 19, 2025): this issue https://github.com/better-auth/better-auth/issues/4609 is unrelated
GiteaMirror commented 2026-04-17 19:18:25 -05:00
Author
Owner
Copy Link

@Glovvie commented on GitHub (Dec 29, 2025):

Hi! I am also rendering conditionally based on useSession isPending within nextjs app and I, too, would expect isPending be true only during initial session fetch, not on refocus/refetch when data already exists

Unless I am doing something wrong, it doesn't seem to be the case in v1.5.0-beta.1 and 1.4.9

<!-- gh-comment-id:3695276210 --> @Glovvie commented on GitHub (Dec 29, 2025): Hi! I am also rendering conditionally based on useSession isPending within nextjs app and I, too, would expect isPending be true only during initial session fetch, not on refocus/refetch when data already exists Unless I am doing something wrong, it doesn't seem to be the case in v1.5.0-beta.1 and 1.4.9
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
adapter
astro
awaiting external contributor
blocked
breaking
breaking change
bug
c-devops
core
credentials
database
dependencies
devops
devtools
docs
documentation
duplicate
elysia
enhancement
enterprise
expo
express
fastify
good first issue
help wanted
hono
identity
infra
integration
invalid
javascript
locked
maintenance
need-more-information
needs: info
needs: repro
nextjs
nuxt
oauth
organization
P0
payments
perf
platform
plugin
pull-request
Mirrored from GitHub Pull Request
 question
ready
regression
remix
security
social-provider
solid
stale
svelte
tanstack-start
tracking
version-bump
vue
wontfix
No Label locked
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/better-auth#27985
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?