> ## Documentation Index
> Fetch the complete documentation index at: https://dynamic-docs-feat-sidebar-revamp.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# react-native-extension

The package that gives access to an [Extension](/react-native/package-references/client#extension-method)
that allows adding react native support to our [client](/react-native/client).

## Functions

### `ReactNativeExtension` method

```typescript
ReactNativeExtension(props?: ReactNativeExtensionProps): Extension<IReactNativeExtension>
```

A method that, when passed to the client instance, injects the following modules into it:

#### `reactNative` module

Provides access to the webview that renders our SDK in the background of your app.

The client itself is only an interface to our SDK, so it must be rendered to your app in order for the client
to work.

| Property  | Type                | Description                                                        |
| --------- | ------------------- | ------------------------------------------------------------------ |
| `WebView` | `() => JSX.Element` | The react native component that renders our SDK in the background. |

## Types

### `ReactNativeExtensionProps` type

Properties which you can pass to the extension.

* `appOrigin`: Allows you to specify the URL origin of your app. Necessary for use with passkeys and social auth.

```typescript
type ReactNativeExtensionProps = {
  appOrigin?: string
}
```

### `IReactNativeExtension` type

Type of the react native extension.

```typescript
type IReactNativeExtension = {
  reactNative: {
    WebView: () => JSX.Element
  }
}
```