From 05ac627c674d6421a2daff9d34f754c4977fa4dd Mon Sep 17 00:00:00 2001
From: Marco Montalbano <marco.montalbano@commercelayer.io>
Date: Wed, 26 Jun 2024 09:30:30 +0200
Subject: [PATCH] chore: export 'Main' component as default

---
 packages/app/src/main.tsx | 56 ++++++++++++++++++++-------------------
 1 file changed, 29 insertions(+), 27 deletions(-)

diff --git a/packages/app/src/main.tsx b/packages/app/src/main.tsx
index 980ced3..1235001 100644
--- a/packages/app/src/main.tsx
+++ b/packages/app/src/main.tsx
@@ -3,7 +3,8 @@ import {
   ErrorBoundary,
   MetaTags,
   TokenProvider,
-  createApp
+  createApp,
+  type ClAppProps
 } from '@commercelayer/app-elements'
 import '@commercelayer/app-elements/style.css'
 import { StrictMode } from 'react'
@@ -12,31 +13,32 @@ import { App } from './App'
 
 const isDev = Boolean(import.meta.env.DEV)
 
-createApp(
-  (props) => (
-    <StrictMode>
-      <ErrorBoundary hasContainer>
-        <SWRConfig
-          value={{
-            revalidateOnFocus: false
-          }}
+const Main: React.FC<ClAppProps> = (props) => (
+  <StrictMode>
+    <ErrorBoundary hasContainer>
+      <SWRConfig
+        value={{
+          revalidateOnFocus: false
+        }}
+      >
+        <TokenProvider
+          kind='tags'
+          appSlug='tags'
+          devMode={isDev}
+          reauthenticateOnInvalidAuth={!isDev && props?.onInvalidAuth == null}
+          loadingElement={<div />}
+          {...props}
         >
-          <TokenProvider
-            kind='tags'
-            appSlug='tags'
-            devMode={isDev}
-            reauthenticateOnInvalidAuth={!isDev && props?.onInvalidAuth == null}
-            loadingElement={<div />}
-            {...props}
-          >
-            <CoreSdkProvider>
-              <MetaTags />
-              <App routerBase={props?.routerBase} />
-            </CoreSdkProvider>
-          </TokenProvider>
-        </SWRConfig>
-      </ErrorBoundary>
-    </StrictMode>
-  ),
-  'tags'
+          <CoreSdkProvider>
+            <MetaTags />
+            <App routerBase={props?.routerBase} />
+          </CoreSdkProvider>
+        </TokenProvider>
+      </SWRConfig>
+    </ErrorBoundary>
+  </StrictMode>
 )
+
+export default Main
+
+createApp(Main, 'tags')