diff --git a/docs/install-next.mdx b/docs/install-next.mdx
index 009424422..5619d57a7 100644
--- a/docs/install-next.mdx
+++ b/docs/install-next.mdx
@@ -134,7 +134,7 @@ We'll need 2 more additional steps.
   <TabItem value="yarn">
 
 ```bash
-  yarn add next-compose-plugins next-transpile-modules -D
+  yarn add next-compose-plugins next-transpile-modules @expo/next-adapter -D
 ```
 
   </TabItem>
@@ -152,6 +152,7 @@ We'll need 2 more additional steps.
 2. Update your next.config.js with the below content.
 
 ```js
+const { withExpo } = require('@expo/next-adapter');
 const withPlugins = require('next-compose-plugins');
 const withTM = require('next-transpile-modules')([
   'native-base',
@@ -176,6 +177,7 @@ const withTM = require('next-transpile-modules')([
 module.exports = withPlugins(
   [
     withTM,
+    [withExpo, { projectRoot: __dirname }],
     // your plugins go here.
   ],
   {
diff --git a/versioned_docs/version-3.2.2/install-next.mdx b/versioned_docs/version-3.2.2/install-next.mdx
index 4baea406b..8ba9191a7 100644
--- a/versioned_docs/version-3.2.2/install-next.mdx
+++ b/versioned_docs/version-3.2.2/install-next.mdx
@@ -134,7 +134,7 @@ We'll need 2 more additional steps.
   <TabItem value="yarn">
 
 ```bash
-  yarn add next-compose-plugins next-transpile-modules -D
+  yarn add next-compose-plugins next-transpile-modules @expo/next-adapter -D
 ```
 
   </TabItem>
@@ -152,6 +152,7 @@ We'll need 2 more additional steps.
 2. Update your next.config.js with the below content.
 
 ```js
+const { withExpo } = require('@expo/next-adapter');
 const withPlugins = require('next-compose-plugins');
 const withTM = require('next-transpile-modules')([
   'native-base',
@@ -176,6 +177,7 @@ const withTM = require('next-transpile-modules')([
 module.exports = withPlugins(
   [
     withTM,
+    [withExpo, { projectRoot: __dirname }],
     // your plugins go here.
   ],
   {