diff --git a/docs/How-To-Guides/how-to-create-play.md b/docs/How-To-Guides/how-to-create-play.md
index 792cf30..1e54d3b 100644
--- a/docs/How-To-Guides/how-to-create-play.md
+++ b/docs/How-To-Guides/how-to-create-play.md
@@ -109,6 +109,8 @@ Parameter details
 
 - Continue developing your play. Happy coding.
 
+> **Note:** When creating different component files for your play _(A separate file to create a component that includes JSX elements, like a custom button component for example)_, please use either a `.jsx`, `.ts` or `.tsx` file extension. This is due to our platform now using Vite for building.
+
 ## 👀 Submitting a Play for Review
 
 After you done with coding for your `Play`, you can submit it for review. Submitting a `Play` for review is a two step process.
diff --git a/docs/local-development.md b/docs/local-development.md
index d9d6c08..e2ea08b 100644
--- a/docs/local-development.md
+++ b/docs/local-development.md
@@ -69,9 +69,9 @@ npm install --legacy-peer-deps
 ## Create a `.env` file at the root of your project folder with the following content,
 
 ```bash
-REACT_APP_NHOST_BACKEND_URL=https://rgkjmwftqtbpayoyolwh.nhost.run/
-REACT_APP_NHOST_VERSION=v1
-REACT_APP_NHOST_ENDPOINT=graphql
+VITE_NHOST_BACKEND_URL=https://rgkjmwftqtbpayoyolwh.nhost.run/
+VITE_NHOST_VERSION=v1
+VITE_NHOST_ENDPOINT=graphql
 ```
 
 ## Start the Development Mode