chore: update yarn to v4

Author: JeremyDolle

.yarn/install-state.gz

@@ -0,0 +1 @@
+nodeLinker: node-modules

.yarnrc.yml

@@ -22,16 +22,16 @@ If you love this boilerplate, give us a star, you will be a ray of sunshine in o
 
 Node 18 or greater is required. Development for iOS requires a Mac and Xcode 10 or up, and will target iOS 11 and up.
 
-You also need to install the dependencies required by React Native.  
-Go to the [React Native environment setup](https://reactnative.dev/docs/environment-setup), then select `React Native CLI Quickstart` tab.  
+You also need to install the dependencies required by React Native.
+Go to the [React Native environment setup](https://reactnative.dev/docs/environment-setup), then select `React Native CLI Quickstart` tab.
 Follow instructions for your given `development OS` and `target OS`.
 
 ## Quick start
 
 To create a new project using the boilerplate simply run :
 
 ```
-npx react-native@latest init MyApp --template @thecodingmachine/react-native-boilerplate
+npx @react-native-community/cli@latest init MyApp --template @thecodingmachine/react-native-boilerplate
 ```
 
 Assuming you have all the requirements installed, you can run the project by running:

README.md

@@ -26,9 +26,9 @@
   },
   "devDependencies": {
     "@docusaurus/eslint-plugin": "3.1.1",
-    "@docusaurus/types": "3.0.0",
     "@docusaurus/module-type-aliases": "3.1.1",
     "@docusaurus/tsconfig": "3.0.0",
+    "@docusaurus/types": "3.0.0",
     "@types/react": "^18.2.29",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
@@ -46,5 +46,6 @@
   },
   "engines": {
     "node": ">=18.0"
-  }
+  },
+  "packageManager": "[email protected]"
 }

documentation/.yarn/install-state.gz

@@ -23,16 +23,16 @@ export default function Quickstart() {
               title=">_ terminal"
               metastring="bash"
             >
-              npx react-native@latest init MyApp --template
-              @thecodingmachine/react-native-boilerplate
+              npx @react-native-community/cli@latest init MyApp
+              --template @thecodingmachine/react-native-boilerplate
             </CodeBlock>
 
             <div>
               <button
                 type="button"
                 className="transition-all ease-in mt-5 hover:bg-green-700 hover:text-white hover:text text-md text-white
                 font-bold py-3 px-4 rounded bg-green-500 shadow-lg shadow-green-500/50"
-                onClick={() => { navigator.clipboard.writeText('npx react-native@latest init MyApp --template @thecodingmachine/react-native-boilerplate'); }}
+                onClick={() => { navigator.clipboard.writeText('npx @react-native-community/cli@latest init MyApp --template @thecodingmachine/react-native-boilerplate'); }}
               >
                 Copy and test it
                 <span className="ml-3">🧪</span>

documentation/package.json

@@ -28,5 +28,5 @@
     "kleur": "^4.1.4",
     "prompts": "^2.4.1"
   },
-  "devDependencies": {}
+  "packageManager": "[email protected]"
 }

documentation/src/components/Quickstart.tsx

@@ -1,3 +1 @@
 nodeLinker: node-modules
-
-yarnPath: .yarn/releases/yarn-4.5.0.cjs