build(deps): bump typescript from 5.4.2 to 5.7.2 (#2266)

* build(deps): bump typescript from 5.4.2 to 5.7.2

Bumps [typescript](https://github.com/microsoft/TypeScript) from 5.4.2 to 5.7.2.
- [Release notes](https://github.com/microsoft/TypeScript/releases)
- [Changelog](https://github.com/microsoft/TypeScript/blob/main/azure-pipelines.release.yml)
- [Commits](microsoft/TypeScript@v5.4.2...v5.7.2)

---
updated-dependencies:
- dependency-name: typescript
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <[email protected]>

* fix(error-bounbdary): adapting to typescript 5.7

* chore: changeset

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Øyvind Eikeland <[email protected]>

.changeset/beige-teachers-flash.md

@@ -0,0 +1,5 @@
+---
+'@equinor/fusion-react-errorboundary': patch
+---
+
+Updating error boundary to be compatible with typescript 5.7

packages/errorboundary/src/legacy/Fallback.tsx

@@ -26,7 +26,7 @@ const Styled = {
 };
 
 export type FallbackProps = {
-  readonly error: unknown;
+  readonly error: Error;
   readonly errorType?: ErrorType;
   readonly message?: React.ReactNode;
   readonly resourceName?: string;
@@ -64,11 +64,11 @@ export const Fallback = (props: FallbackProps): JSX.Element => {
   }, [resetBoundary, onTakeAction]);
   return (
     <Styled.root>
-      <>
+      <div>
         {props.icon ?? <FallbackIcon errorType={errorType} />}
         <Typography variant="h3">{title ?? generateTitle(errorType, resourceName)}</Typography>
         <Typography variant="ingress" token={{ color: tokens.colors.text.static_icons__tertiary.hex }}>
-          {message ?? (error as Error).message}
+          {message ?? error.message}
         </Typography>
 
         {action && (
@@ -81,12 +81,12 @@ export const Fallback = (props: FallbackProps): JSX.Element => {
             <Accordion.Item>
               <Accordion.Header style={{ height: 'auto' }}>Error details</Accordion.Header>
               <Accordion.Panel>
-                <Styled.stacktrace>{(error as Error).stack}</Styled.stacktrace>
+                <Styled.stacktrace>{error.stack}</Styled.stacktrace>
               </Accordion.Panel>
             </Accordion.Item>
           </Accordion>
         )}
-      </>
+      </div>
     </Styled.root>
   );
 };