make the comment crystal clear closes ##264

Author: flexbox

challenges/data/02.md

@@ -28,7 +28,7 @@ Here's how it works:
 1. `react-query` handles caching, deduping, re-fetching, and loading states.
 
 ```javascript
-// DO NOT MONKEY COPY/PASTE ME
+// READ AND ADAPT; DO NOT MONKEY COPY/PASTE ME
 
 /**
  * Fetches data from an API endpoint and returns the JSON response.

challenges/data/03.md

@@ -17,10 +17,10 @@
 - [ ] Install the library
 
 ```console
-yarn add @react-native-community/netinfo
+npm install --save @react-native-community/netinfo
 ```
 ```console
-npm install --save @react-native-community/netinfo
+yarn add @react-native-community/netinfo
 ```
 
 - [ ] Create a new file `Network.tsx` and [paste this component](https://raw.githubusercontent.com/flexbox/react-native-workshop/main/hackathon/spacecraft/src/components/exercice/Network.tsx)
@@ -30,7 +30,7 @@ You can use console.log to check if the user is connected to the internet.
 - [ ] Update the entry point of your application to add a new provider
 
 ```javascript
-import { NetworkProvider } from '~/contexts/Network';
+import { NetworkProvider } from '@/contexts/Network';
 ```
 
 `NetworkProvider` will injects the network state to children components via [React Context](https://reactjs.org/docs/context.html).

challenges/ecosystem/05.md

@@ -53,7 +53,7 @@ You need to `render` the component you want to test with `props` declaration.
 import { render } from "@testing-library/react-native";
 import React from "react";
 
-import { Header } from "~/components/Header";
+import { Header } from "@/components/Header";
 
 describe("Header", () => {
   it("renders correctly", () => {
@@ -73,7 +73,7 @@ The first time you can use `debug()` to print rendered component.
 import { render, screen } from "@testing-library/react-native";
 import React from "react";
 
-import { Header } from "~/components/Header";
+import { Header } from "@/components/Header";
 
 describe("Header", () => {
   it("renders correctly", () => {
@@ -94,7 +94,7 @@ describe("Header", () => {
 import { render, screen } from "@testing-library/react-native";
 import React from "react";
 
-import { Header } from "~/components/Header";
+import { Header } from "@/components/Header";
 
 describe("Header", () => {
   it("renders correctly", () => {

hackathon/spacecraft/package.json

@@ -94,7 +94,6 @@
     "eslint": "^8.56.0",
     "eslint-config-expo": "~8.0.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-config-react-native-wcandillon": "^3.9.0",
     "eslint-plugin-perfectionist": "^3.3.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-query": "^0.9.1",

hackathon/spacecraft/tsconfig.json

@@ -1,7 +1,6 @@
 {
-  "extends": "eslint-config-react-native-wcandillon/tsconfig.base",
+  "extends": "expo/tsconfig.base",
   "compilerOptions": {
-    "jsx": "react-native",
     "strict": true,
     "baseUrl": "./",
     "paths": {