fix: add brownie config block

Author: hurali97

apps/ExpoApp/components/counter/index.ios.tsx

@@ -1,18 +1,32 @@
-import { StyleSheet, Text } from 'react-native';
+import { StyleSheet, Text, Button } from 'react-native';
+import { useStore } from '@callstack/brownie';
 
 const Counter = () => {
+  const [counter, setState] = useStore('BrownfieldStore', (s) => s.counter);
+
   return (
     <>
-      <Text style={styles.text}>Brownie: To be implemented</Text>
+      <Text style={styles.text}>Count: {counter}</Text>
+
+      <Button
+        onPress={() => setState((prev) => ({ counter: prev.counter + 1 }))}
+        title="Increment"
+      />
     </>
   );
 };
 
 export default Counter;
 
 const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 20,
+  },
   text: {
-    fontSize: 18,
+    fontSize: 30,
     fontWeight: 'bold',
     margin: 10,
   },

apps/ExpoApp/components/counter/index.tsx

@@ -44,5 +44,9 @@
     "eslint": "^9.25.0",
     "eslint-config-expo": "~10.0.0",
     "typescript": "~5.9.2"
+  },
+  "brownie": {
+    "kotlin": "./android/brownfieldlib/src/main/java/com/callstack/rnbrownfield/demo/expoapp/Generated/",
+    "kotlinPackageName": "com.callstack.rnbrownfield.demo.expoapp"
   }
 }

apps/ExpoApp/package.json

@@ -7,7 +7,7 @@
     "ios": "react-native run-ios",
     "build:example:android-rn": "react-native build-android",
     "build:example:ios-rn": "react-native build-ios",
-    "brownfield:package:android": "brownfield package:android --module-name :BrownfieldLib --variant debug",
+    "brownfield:package:android": "brownfield package:android --module-name :BrownfieldLib --variant release",
     "brownfield:publish:android": "brownfield publish:android --module-name :BrownfieldLib",
     "brownfield:package:ios": "brownfield package:ios --scheme BrownfieldLib --configuration Release",
     "lint": "eslint .",
@@ -45,6 +45,10 @@
     "react-test-renderer": "19.1.1",
     "typescript": "^5.9.3"
   },
+  "brownie": {
+    "kotlin": "./android/BrownfieldLib/src/main/java/com/rnapp/brownfieldlib/Generated/",
+    "kotlinPackageName": "com.rnapp.brownfieldlib"
+  },
   "engines": {
     "node": ">=20"
   }

apps/RNApp/package.json

@@ -148,7 +148,18 @@ struct CounterView: View {
 
 ## Android
 
-### Step 4: Add gson dependency
+### Step 4: Add brownie configuration
+
+Add the following block to your package.json:
+
+```json
+"brownie": {
+  "kotlin": "./android/BrownfieldLib/src/main/java/com/rnapp/brownfieldlib/Generated/",
+  "kotlinPackageName": "com.rnapp.brownfieldlib"
+},
+```
+
+### Step 5: Add gson dependency
 
 Add the gson dependency to your android module for brownfield:
 
@@ -162,7 +173,7 @@ Otherwise, you can also add it to your native App:
 implementation("com.google.code.gson:gson:2.13.1")
 ```
 
-### Step 5: Add AAR
+### Step 6: Add AAR
 
 The CLI generates Kotlin types and builds AAR:
 
@@ -180,7 +191,7 @@ npx brownfield publish:android --module-name :YourModuleName
 The `package:android` command automatically runs `brownfield codegen` to generate Kotlin types from your `.brownie.ts` files.
 :::
 
-### Step 6: Register Store in Android
+### Step 7: Register Store in Android
 
 Register once during app startup:
 
@@ -195,7 +206,7 @@ registerStoreIfNeeded(
 }
 ```
 
-### Step 7: Read and Update Store from Native UI
+### Step 8: Read and Update Store from Native UI
 
 ```kotlin
 import com.callstack.brownie.StoreManager