Set up React Web SDK

1
// Add the code below to the root of your React app.
2
import { StrictMode } from 'react';
3
import { createRoot } from 'react-dom/client';
4
import { LDProvider } from 'launchdarkly-react-client-sdk';
5
6
function App() {
7
  return <div>Let your feature flags fly!</div>
8
}
9
10
// A "context" is a data object representing users, devices, organizations, and other entities.
11
const context = {
12
  kind: 'user',
13
  key: 'EXAMPLE_CONTEXT_KEY',
14
  email: 'biz@face.dev',
15
};
16
17
// The clientSideID is your SDK key.
18
// This value is automatically retrieved from LaunchDarkly.
19
createRoot(document.getElementById('root') as HTMLElement).render(
20
  <StrictMode>
21
    <LDProvider clientSideID="YOUR_CLIENT_SIDE_ID" context={context}>
22
      <App />
23
    </LDProvider>
24
  </StrictMode>,
25
);