Fix React Markdown import breaking tests

facebook/create-react-app#11946 https://stackoverflow.com/questions/70817646/jest-encountered-an-unexpected-token-syntaxerror-unexpected-token-export https://stackoverflow.com/questions/72382316/jest-encountered-an-unexpected-token-react-markdown
Cmastris · Aug 1, 2023 · 89adaa8 · 89adaa8
1 parent f285f6e
commit 89adaa8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -43,5 +43,13 @@
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "msw": "^1.2.3"
+  },
+  "jest": {
+    "transformIgnorePatterns": [
+      "(?!(/node_modules/(bail|comma-separated-tokens|decode-named-character-reference|character-entities|hast-util-whitespace|is-plain-obj|mdast-util-.*|micromark.*|property-information|react-markdown|react-native|react-native-button|remark-.*|space-separated-tokens|trim-lines|trough|unified|unist-util-.*|vfile|vfile-message)/))(/node_modules/.+.(js|jsx|mjs|cjs|ts|tsx)$)"
+    ],
+    "transform": {
+      "^.+\\.(js|jsx)$": "babel-jest"
+    }
   }
 }
diff --git a/src/features/postContent/PostDetail.js b/src/features/postContent/PostDetail.js
@@ -1,4 +1,5 @@
 import { useEffect } from "react";
+import ReactMarkdown from "react-markdown";
 import { useSelector } from "react-redux";
 import { useLocation, useNavigate, useParams } from "react-router-dom";