From bf361492e10c83c5a31fdfb29a0a6b4008ce2474 Mon Sep 17 00:00:00 2001
From: simeng-li <simeng@silverhand.io>
Date: Wed, 19 Jun 2024 10:43:25 +0800
Subject: [PATCH 1/2] docs(console): add the troubleshoot section in expo guide

add the troubleshoot section in expo integration guide
---
 .../assets/docs/guides/native-expo/README.mdx | 32 +++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/packages/console/src/assets/docs/guides/native-expo/README.mdx b/packages/console/src/assets/docs/guides/native-expo/README.mdx
index bd20cce05ff..e52532c7d8f 100644
--- a/packages/console/src/assets/docs/guides/native-expo/README.mdx
+++ b/packages/console/src/assets/docs/guides/native-expo/README.mdx
@@ -113,7 +113,9 @@ const Content = () => {
       {isAuthenticated ? (
         <Button title="Sign out" onPress={async () => signOut()} />
       ) : (
-        <Button title="Sign in" onPress={async () => signIn('${props.redirectUris[0] ?? 'io.logto://callback'}')} />
+        <Button title="Sign in" onPress={async () => signIn('${
+          props.redirectUris[0] ?? 'io.logto://callback'
+        }')} />
       )}
     </div>
   );
@@ -153,7 +155,9 @@ const Content = () => {
           <Button title="Sign out" onPress={async () => signOut()} />
         </>
       ) : (
-        <Button title="Sign in" onPress={async () => signIn('${props.redirectUris[0] ?? 'io.logto://callback'}')} />
+        <Button title="Sign in" onPress={async () => signIn('${
+          props.redirectUris[0] ?? 'io.logto://callback'
+        }')} />
       )}
     </div>
   );
@@ -169,4 +173,28 @@ const Content = () => {
 
 </Step>
 
+<Step title="Troubleshooting">
+
+For Expo projects, if you encounter the error `Unable to resolve "@logto/client/shim" from "node_modules/@logto/rn/lib/index.js"`, you can resolve it by adding the following to your `metro.config.js` file:
+
+```js
+// metro.config.js
+const config = {
+  // ...
+  resolver: {
+    unstable_enablePackageExports: true,
+  },
+};
+
+module.exports = config;
+```
+
+This error indicates that `@logto/rn` package not being able to resolve the `@logto/client/shim` module.
+
+As the node exports were used in the`@logto/client` package, and package exports are not enabled by default in Metro bundler, you need to enable them manually.
+
+See the [React Native package exports support](https://reactnative.dev/blog/2023/06/21/package-exports-support#enabling-package-exports-beta) for more details.
+
+</Step>
+
 </Steps>

From bfe3afb52ea0e8b45bb8a6e18f301f16f846f065 Mon Sep 17 00:00:00 2001
From: simeng-li <simeng@silverhand.io>
Date: Thu, 20 Jun 2024 10:42:56 +0800
Subject: [PATCH 2/2] chore: update the words

update the words
---
 packages/console/src/assets/docs/guides/native-expo/README.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/console/src/assets/docs/guides/native-expo/README.mdx b/packages/console/src/assets/docs/guides/native-expo/README.mdx
index e52532c7d8f..8cb4881017e 100644
--- a/packages/console/src/assets/docs/guides/native-expo/README.mdx
+++ b/packages/console/src/assets/docs/guides/native-expo/README.mdx
@@ -189,7 +189,7 @@ const config = {
 module.exports = config;
 ```
 
-This error indicates that `@logto/rn` package not being able to resolve the `@logto/client/shim` module.
+This error indicates that `@logto/rn` package is not able to resolve the `@logto/client/shim` module.
 
 As the node exports were used in the`@logto/client` package, and package exports are not enabled by default in Metro bundler, you need to enable them manually.