diff --git a/README.md b/README.md
index 85caad001..4dc501f15 100644
--- a/README.md
+++ b/README.md
@@ -53,6 +53,7 @@ Chrome extensions
 - Check the `Developer Mode` button to enable it.
 - Click on the `Load Unpacked Extension…` button.
 - Select your extension’s extracted directory.
+- Exception is when you don't have standard RCA (`npx create-react-app your-app`) => see lowcode/babel-config.md
 
 3. Start [FS over HTTP](https://github.com/iteria-ui/lowcode/tree/master/packages/fs-over-http) (used for saving modified source code)
 
diff --git a/babel-config.md b/babel-config.md
new file mode 100644
index 000000000..0c6527a98
--- /dev/null
+++ b/babel-config.md
@@ -0,0 +1,19 @@
+## Babel configuration
+
+
+If your React project is not classic CRA (Create React App) and there is babel.config.js in your project make sure that 
+"@babel/plugin-transform-react-jsx-source" is installed and configured:
+
+`npm install --save-dev @babel/plugin-transform-react-jsx-source` 
+
+or
+
+`yarn add @babel/plugin-transform-react-jsx-source --dev` 
+
+
+Then you need to add this dependency to  `babel.config.js` => module.exports => plugins 
+
+Like this: 
+
+![](/packages/browser-extension/.media/.github/babel.png)
+
diff --git a/packages/browser-extension/.media/.github/babel.png b/packages/browser-extension/.media/.github/babel.png
new file mode 100644
index 000000000..b22cc4f8d
Binary files /dev/null and b/packages/browser-extension/.media/.github/babel.png differ