SDK: React v19 Support

[michaelyons]

[michaelyons]

This task is on hold until React 19 stable is released.

[valerii15298]

React 19 is stable now.
Any update on this?

I tried it with react and everything works except auto token refresh in development using react strict mode.
Specifically initAutoRefresh is not called because isDisposed is true for some reason. Specifically here it stops:

fusionauth-javascript-sdk/packages/core/src/SDKCore/SDKCore.ts

Line 97 in 1b5643c

initAutoRefresh(): NodeJS.Timeout | undefined {

because this.isDisposed is true.

Here it is used in useMemo:

fusionauth-javascript-sdk/packages/sdk-react/src/components/providers/FusionAuthProvider.tsx

Line 67 in 1b5643c

const core: SDKCore = useMemo<SDKCore>(() => {

Since useEffects are called twice and components remounted there seem to be issue with it.

@michaelyons not sure if you could help but pinging for visibility.

For now workaround for development is to not use strict mode.

[Kanedsodas]

React 19 is stable now. Any update on this?

I tried it with react and everything works except auto token refresh in development using react strict mode. Specifically initAutoRefresh is not called because isDisposed is true for some reason. Specifically here it stops:

fusionauth-javascript-sdk/packages/core/src/SDKCore/SDKCore.ts

Line 97 in 1b5643c

initAutoRefresh(): NodeJS.Timeout | undefined {
because this.isDisposed is true.
Here it is used in useMemo:

fusionauth-javascript-sdk/packages/sdk-react/src/components/providers/FusionAuthProvider.tsx

Line 67 in 1b5643c

const core: SDKCore = useMemo(() => {
Since useEffects are called twice and components remounted there seem to be issue with it.

@michaelyons not sure if you could help but pinging for visibility.

For now workaround for development is to not use strict mode.

I make an issue last week about this exact problem #178