🎯 מטרת ההודעה

בחלק מהגרסאות האחרונות של create-react-app יחד עם תבנית TypeScript, ייתכן שתיתקלו בשגיאת תלות מהסוג:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree

אם אתם רואים שגיאה שקשורה ל־react@19 מול @testing-library/react שמצפה ל־react@^18 — זה המצב המתואר כאן.

אם אתם לא רואים את השגיאה — אין צורך לבצע את השלבים הבאים.

🔍 למה זה קורה?

• create-react-app מתקין הרבה dependencies מאחורי הקלעים.
• גרסאות חדשות של npm מחמירות יותר בבדיקת peer dependencies.
• יש קונפליקט בין:
  • react@19
  • לבין @testing-library/react שמוגבל ל־react@^18

אנחנו לא שולטים ישירות בתלויות האלו — הן מגיעות דרך react-scripts.

לכן הפתרון הוא להשתמש ב־--force או --legacy-peer-deps.

✅ שלבי הפתרון

שלב 1 — להפעיל force ברמת npm

npm config set force true

שלב 2 — ליצור את האפליקציה כרגיל

npx create-react-app --template typescript containerize-react-app