From e83aff769c03b88cc884be3025984e93e5825f6f Mon Sep 17 00:00:00 2001
From: Ammaar Aslam <96367405+ammaaraslam@users.noreply.github.com>
Date: Sun, 23 Jul 2023 10:33:44 +0530
Subject: [PATCH 1/2] Update local-development.md

---
 docs/local-development.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

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

From cff083b6ad95a5c2bd362436e093e18b3778c4ad Mon Sep 17 00:00:00 2001
From: Ammaar Aslam <96367405+ammaaraslam@users.noreply.github.com>
Date: Sun, 23 Jul 2023 10:41:08 +0530
Subject: [PATCH 2/2] Update how-to-create-play.md

---
 docs/How-To-Guides/how-to-create-play.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/How-To-Guides/how-to-create-play.md b/docs/How-To-Guides/how-to-create-play.md
index cf23e8d..48ab6e3 100644
--- a/docs/How-To-Guides/how-to-create-play.md
+++ b/docs/How-To-Guides/how-to-create-play.md
@@ -107,6 +107,8 @@ npx create-react-play@latest -c <the_play_id>
 
 - 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.