> For the complete documentation index, see [llms.txt](/llms.txt).

# PnP React Native - v4 to v5

## Changes to the `WhiteLabelData` object[​](#changes-to-the-whitelabeldata-object "Direct link to changes-to-the-whitelabeldata-object")

### Addition and modifications to parameters[​](#addition-and-modifications-to-parameters "Direct link to Addition and modifications to parameters")

- With v5, when sending the whitelabel object while initialization, please keep in mind that the `name` parameter signifying the name of the app has been changed to `appName`.
- The `dark` parameter that used to accept a boolean value to switch between dark or light mode has been changed to `mode` that accepts a string value of either `light` or `dark` or `auto`.
- The `theme` parameter now accepts an object with key-value pairs, where the value corresponds to the color for a specific set of keys.
- Other than the above modifications, new parameters have been added to the `WhiteLabelData` object, like, `appUrl`, `useLogoLoader`, `tncLink` and `privacyPolicy`.

Please look at the [whitelabel](/embedded-wallets/sdk/react-native/advanced/whitelabel/) section for `WhiteLabelData` interface.

- Expo-managed workflow
- Bare React Native workflow

```
import * as WebBrowser from 'expo-web-browser'
import * as SecureStore from 'expo-secure-store'
import Web3Auth, { LOGIN_PROVIDER, OPENLOGIN_NETWORK } from '@web3auth/react-native-sdk'

const clientId = 'YOUR WEB3AUTH CLIENT ID'

const web3auth = new Web3Auth(WebBrowser, SecureStore, {
  clientId,
  network: OPENLOGIN_NETWORK.TESTNET, // or other networks
  whiteLabel: {
    appName: 'My App',
    logoLight: 'https://web3auth.io/images/logo-light.png',
    logoDark: 'https://web3auth.io/images/logo-dark.png',
    defaultLanguage: 'en',
    mode: 'auto', // or "dark" or "light"
    theme: {
      primary: '#cddc39',
    },
  },
})

```

```
import * as WebBrowser from '@toruslabs/react-native-web-browser'
import EncryptedStorage from 'react-native-encrypted-storage'
import Web3Auth, { LOGIN_PROVIDER, OPENLOGIN_NETWORK } from '@web3auth/react-native-sdk'

const clientId = '<YOUR WEB3AUTH CLIENT ID>'

const web3auth = new Web3Auth(WebBrowser, EncryptedStorage, {
  clientId,
  network: OPENLOGIN_NETWORK.TESTNET, // or other networks
  whiteLabel: {
    appName: 'My App',
    logoLight: 'https://web3auth.io/images/logo-light.png',
    logoDark: 'https://web3auth.io/images/logo-dark.png',
    defaultLanguage: 'en',
    mode: 'auto', // or "dark" or "light"
    theme: {
      primary: '#cddc39',
    },
  },
})

```