feat(studio): add CorsOriginErrorScreen to StudioErrorBoundary

packages/sanity/src/studio/StudioErrorBoundary.tsx

@@ -3,7 +3,8 @@ import {Button, Card, Code, ErrorBoundary, Heading, Stack, useToast} from '@sani
 import {SchemaError} from '../config'
 import {isRecord} from '../util'
 import {globalScope} from '../util/globalScope'
-import {SchemaErrorsScreen} from './screens'
+import {CorsOriginError} from '../datastores'
+import {CorsOriginErrorScreen, SchemaErrorsScreen} from './screens'
 
 interface StudioErrorBoundaryProps {
   children: React.ReactNode
@@ -16,6 +17,10 @@ function isKnownError(err: Error): boolean {
     return true
   }
 
+  if (err instanceof CorsOriginError) {
+    return true
+  }
+
   return false
 }
 
@@ -42,6 +47,7 @@ export function StudioErrorBoundary({children}: StudioErrorBoundaryProps) {
       }
 
       console.error(msg.error)
+
       pushToast({
         closable: true,
         description: msg.error.message,
@@ -52,6 +58,10 @@ export function StudioErrorBoundary({children}: StudioErrorBoundaryProps) {
     })
   }, [pushToast])
 
+  if (error instanceof CorsOriginError) {
+    return <CorsOriginErrorScreen projectId={error?.projectId} />
+  }
+
   if (error instanceof SchemaError) {
     return <SchemaErrorsScreen schema={error.schema} />
   }