chore: blog

content/blog/setup-a-react-native-monorepo/index.md

@@ -881,7 +881,7 @@ As such, you'll need to add to this regex when you add a package that's:
 
 ## How to Debug Common Issues with Jest
 
-
+// TODO: Write
 
 ### Invalid Default Export Issues
 
@@ -953,6 +953,70 @@ As `styled-components` falls under the same problems.
 
 
 
+------
+
+------
+
+-----
+
+
+
+```
+ FAIL  src/screens/Home/TalkingPointsScreen/TalkingPointsScreen.spec.tsx
+  ● Test suite failed to run
+
+    Jest encountered an unexpected token
+
+    Jest failed to parse a file. This happens e.g. when your code or its dependencies use non-standard JavaScript syntax, or when Jest is not configured to support such syntax.
+
+    Out of the box Jest supports Babel, which will be used to transform your files into valid JS based on your Babel configuration.
+
+    By default "node_modules" folder is ignored by transformers.
+
+    Here's what you can do:
+     • If you are trying to use ECMAScript Modules, see https://jestjs.io/docs/ecmascript-modules for how to enable it.
+     • If you are trying to use TypeScript, see https://jestjs.io/docs/getting-started#using-typescript
+     • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
+     • If you need a custom transformation specify a "transform" option in your config.
+     • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.
+
+    You'll find more details and examples of these config options in the docs:
+    https://jestjs.io/docs/configuration
+    For information about custom transformations, see:
+    https://jestjs.io/docs/code-transformation
+
+    Details:
+
+    /Users/corbincrutchley/git/constituentvoice/AdvocacyDayApps/apps/AA/node_modules/@fortawesome/react-native-fontawesome/index.js:1
+    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){export { default as FontAwesomeIcon } from './dist/components/FontAwesomeIcon'
+                                                                                      ^^^^^^
+
+    SyntaxError: Unexpected token 'export'
+```
+
+Caused by:
+
+```
+  transformIgnorePatterns: [
+    "node_modules/(?!((jest-)?react-native(.*)?|@react-navigation|@react-native(-community)?|@constituentvoice|axios|styled-components|@fortawesome)/)",
+  ],
+```
+
+
+
+
+
+
+
+1) Document `unstable_batchedUpdates` error from TanStack Query
+2) Document what happens if you don't pass `moduleNameMapper`
+
+
+
+
+
+
+
 # Sharing Configuration Files between Apps {#config-package}