Enable vercel deployment for react

playground/react-example/.env

@@ -0,0 +1 @@
+REACT_APP_CORBADO_PROJECT_ID=pro-503401103218055321

playground/react-example/.env.production

@@ -0,0 +1 @@
+REACT_APP_CORBADO_PROJECT_ID=pro-3652881945085154854

playground/react-example/.gitignore

@@ -21,3 +21,4 @@ node_modules
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.vercel

playground/react-example/package.json

@@ -25,7 +25,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "react-scripts build",
+    "build": "REACT_APP_ENV=production react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },

playground/react-example/src/App.tsx

@@ -1,15 +1,15 @@
 import './App.css';
-import { CorbadoProvider } from '@corbado/react-sdk';
+import {CorbadoProvider} from '@corbado/react-sdk';
 import RouteProvider from './routes';
 
 function App() {
   return (
     <div
       className='App'
-      style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100dvh' }}
+      style={{display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100dvh'}}
     >
-      <CorbadoProvider projectId='pro-503401103218055321'>
-        <RouteProvider />
+      <CorbadoProvider projectId={process.env.REACT_APP_CORBADO_PROJECT_ID!}>
+        <RouteProvider/>
       </CorbadoProvider>
     </div>
   );

playground/react-example/vercel.json

@@ -0,0 +1,8 @@
+{
+  "rewrites": [
+    {
+      "source": "/(.*)",
+      "destination": "/index.html"
+    }
+  ]
+}

playground/react-sdk-example/vercel.json

@@ -0,0 +1,8 @@
+{
+  "rewrites": [
+    {
+      "source": "/(.*)",
+      "destination": "/index.html"
+    }
+  ]
+}