Skip to content

Update react-native.md #127492

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Update react-native.md #127492

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3441a68
Update react-native.md
jimchou-dev Aug 8, 2025
1363de4
Update react-native.md
jimchou-dev Aug 11, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 16 additions & 13 deletions articles/communication-services/quickstarts/chat/react-native.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@
title: Use Chat SDK with React Native
titleSuffix: An Azure Communication Services quickstart
description: This article describes how to use the Azure Communication Services Chat SDK with React Native.
author: ashwinder
ms.author: askaur
author: awang119
ms.author: anniewang
ms.date: 11/30/2021
ms.topic: quickstart
ms.service: azure-communication-services
Expand Down Expand Up @@ -44,20 +44,23 @@ After you [initialize your React Native project](https://reactnative.dev/docs/en
npm install react-native-url-polyfill --save-dev
```

1. Update _metro.config.js_ to use React Native-compatible Node Core modules:
1. Create or update the _metro.config.js_ file in the same directory as your _app.js_ file to configure React Native-compatible Node Core modules. If the file doesn’t exist, create a new one with the following content:

```javascript
module.exports = {
// ...
resolver: {
extraNodeModules: {
...require('stream-browserify'),
...require('node-libs-react-native'),
net: require.resolve('node-libs-react-native/mock/net'),
tls: require.resolve('node-libs-react-native/mock/tls')
}
// metro.config.js

const { getDefaultConfig } = require('expo/metro-config');

const config = getDefaultConfig(__dirname);

config.resolver.extraNodeModules = {
...require('node-libs-react-native'),
stream: require.resolve('stream-browserify'),
net: require.resolve('node-libs-react-native/mock/net'),
tls: require.resolve('node-libs-react-native/mock/tls'),
};
}

module.exports = config;
```

1. Add the following `import` commands at the top of your entry point file:
Expand Down