[BUG] Bad handling of a race condition between setContext and setProvider in React SDK #1331

import { OpenFeature, OpenFeatureProvider, useFlag, type EvaluationContext, type Provider, type ResolutionDetails } from "@openfeature/react-sdk";
import { useEffect, useState } from "react";

class CustomProvider implements Provider {
  readonly runsOn = "client";
  readonly metadata = { name: "custom-provider" };

  async initialize() {
    // noop
  }

  async onContextChange(oldContext: EvaluationContext, newContext: EvaluationContext) {
    // noop
  }

  resolveStringEvaluation(): ResolutionDetails<string> {
    console.log('This log will not show up in console until we click the state update button.');

    return {
      value: "Resolved string value",
      reason: "STATIC",
    };
  }
}

(async () => {
  // Some async init logic the `CustomProvider` is dependent upon.
  await new Promise<void>((resolve) => setTimeout(() => resolve(), 50));

  const provider = new CustomProvider();
  OpenFeature.setProvider(provider);
})();

function AppWithProviders() {
  useEffect(() => {
    OpenFeature.setContext({
      targetingKey: "alien",
    });
  }, []);

  return (
    <OpenFeatureProvider>
      <App />
    </OpenFeatureProvider>
  );
}

function App() {
  const flag = useFlag('test-flag', 'Default value')

  const [count, setCount] = useState(0);

  return <>
    {flag.value}
    <br />
    <button onClick={() => setCount(v => v + 1)}>
      force re-render
    </button>
  </>;
}

export default AppWithProviders;