diff --git a/docs/v3.x/plugins/users-permissions.md b/docs/v3.x/plugins/users-permissions.md
index 06af106e5d..68a6fa171d 100644
--- a/docs/v3.x/plugins/users-permissions.md
+++ b/docs/v3.x/plugins/users-permissions.md
@@ -200,10 +200,6 @@ In the following examples, the frontend app will be the [react login example app
It (the frontend app) will be running on `http://localhost:3000`.
Strapi (the backend) will be running on `http://localhost:1337`.
-:::tip
-If you use [react login example app](https://github.com/strapi/strapi-examples/tree/master/login-react), don't forget to specify the `BACKEND_URL` in `src/config.js`. If you use ngrok it is the ngrok url, otherwise it is `http://localhost:1337`.
-:::
-
:::: tabs
::: tab GitHub
@@ -217,6 +213,10 @@ Use `ngrok` to serve the backend app.
ngrok http 1337
```
+:::tip
+Don't forget to update the server url in the backend config file `config/server.js` and the server url in your frontend app (environment variable `REACT_APP_BACKEND_URL` if you use [react login example app](https://github.com/strapi/strapi-examples/tree/master/login-react)) with the generated ngrok url.
+:::
+
#### Github configuration
- Visit the OAuth Apps list page [https://github.com/settings/developers](https://github.com/settings/developers)
@@ -250,6 +250,10 @@ Use `ngrok` to serve the backend app.
ngrok http 1337
```
+:::tip
+Don't forget to update the server url in the backend config file `config/server.js` and the server url in your frontend app (environment variable `REACT_APP_BACKEND_URL` if you use [react login example app](https://github.com/strapi/strapi-examples/tree/master/login-react)) with the generated ngrok url.
+:::
+
#### Facebook configuration
- Visit the Developer Apps list page
[https://developers.facebook.com/apps/](https://developers.facebook.com/apps/)
@@ -328,6 +332,10 @@ Use `ngrok` to serve the backend app.
ngrok http 1337
```
+:::tip
+Don't forget to update the server url in the backend config file `config/server.js` and the server url in your frontend app (environment variable `REACT_APP_BACKEND_URL` if you use [react login example app](https://github.com/strapi/strapi-examples/tree/master/login-react)) with the generated ngrok url.
+:::
+
#### Twitter configuration
- Visit the Apps list page
[https://developer.twitter.com/en/apps](https://developer.twitter.com/en/apps)
@@ -429,6 +437,10 @@ Use `ngrok` to serve the backend app.
ngrok http 1337
```
+:::tip
+Don't forget to update the server url in the backend config file `config/server.js` and the server url in your frontend app (environment variable `REACT_APP_BACKEND_URL` if you use [react login example app](https://github.com/strapi/strapi-examples/tree/master/login-react)) with the generated ngrok url.
+:::
+
#### Instagram configuration
- Visit the Developer Apps list page
[https://developers.facebook.com/apps/](https://developers.facebook.com/apps/)