@tinacms/app 2.4.3 → 2.4.5

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @tinacms/app
 
+## 2.4.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @tinacms/mdx@2.1.3
+  - tinacms@3.7.5
+
+## 2.4.4
+
+### Patch Changes
+
+- [#6687](https://github.com/tinacms/tinacms/pull/6687) [`a526f9f`](https://github.com/tinacms/tinacms/commit/a526f9f4c37a0aaefb572c9dcc562d89aa9e5c7e) Thanks [@brookjeynes-ssw](https://github.com/brookjeynes-ssw)! - feat: simplify errors shown to users
+
+- Updated dependencies [[`4672251`](https://github.com/tinacms/tinacms/commit/4672251c813e51f4471f025943008d2dea700aca), [`ca725ac`](https://github.com/tinacms/tinacms/commit/ca725acb42be499c146d76b12982e05a8127f81e), [`a526f9f`](https://github.com/tinacms/tinacms/commit/a526f9f4c37a0aaefb572c9dcc562d89aa9e5c7e), [`b260b5e`](https://github.com/tinacms/tinacms/commit/b260b5ed4beb5d678b9605357b99a8667fddc8de), [`b56dad4`](https://github.com/tinacms/tinacms/commit/b56dad42d2216ac9c8f90f19b78a4951ca97a61f)]:
+  - tinacms@3.7.4
+
 ## 2.4.3
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinacms/app",
-  "version": "2.4.3",
+  "version": "2.4.5",
   "main": "src/main.tsx",
   "license": "Apache-2.0",
   "devDependencies": {
@@ -26,8 +26,8 @@
     "react-router-dom": "6.3.0",
     "typescript": "^5.7.3",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "2.1.2",
-    "tinacms": "3.7.3"
+    "@tinacms/mdx": "2.1.3",
+    "tinacms": "3.7.5"
   },
   "repository": {
     "url": "https://github.com/tinacms/tinacms.git",

package/src/lib/errors.tsx

@@ -1,24 +1,27 @@
 import React from 'react';
 import { TinaCMS } from 'tinacms';
 
-const ErrorModalContent = (props: { title: string; errors: string[] }) => {
-  const { title, errors } = props;
+const TROUBLESHOOTING_URL = 'https://tina.io/docs/tinacloud/troubleshooting';
+
+const ErrorModalContent = (props: { title: string; message: string }) => {
+  const { title, message } = props;
   return (
     <>
       <div>{title}</div>
-      <ul>
-        {errors.map((error, i) => (
-          <li key={i}>{error}</li>
-        ))}
-      </ul>
+      <p>{message}</p>
+      <a href={TROUBLESHOOTING_URL} target='_blank' rel='noopener noreferrer'>
+        Try these troubleshooting tips
+      </a>
     </>
   );
 };
 
 export const showErrorModal = (
   title: string,
-  errors: string[],
+  message: string,
   cms: TinaCMS
 ) => {
-  cms.alerts.error(() => <ErrorModalContent title={title} errors={errors} />);
+  if (cms.alerts.all.some((a: { level: string }) => a.level === 'error'))
+    return;
+  cms.alerts.error(() => <ErrorModalContent title={title} message={message} />);
 };

package/src/lib/graphql-reducer.ts

@@ -613,7 +613,12 @@ export const useGraphQLReducer = (
 
   React.useEffect(() => {
     if (requestErrors.length) {
-      showErrorModal('Unexpected error querying content', requestErrors, cms);
+      console.error('Unexpected error querying content:', requestErrors);
+      showErrorModal(
+        'Unexpected Error',
+        'We ran into an unexpected error while fetching your content. If after refreshing the issue persists, reach out to us on Discord.',
+        cms
+      );
     }
   }, [requestErrors]);
 };