@genesislcap/blank-app-seed 3.30.1 → 3.31.0

package/client-tmp/angular/angular.json

@@ -90,35 +90,6 @@
             "buildTarget": "{{pkgName}}:build"
           }
         },
-        "test": {
-          "builder": "@angular-builders/custom-webpack:karma",
-          "configurations": {
-            "production": {
-              "customWebpackConfig": {
-                "path": "./webpack.prod.config.js",
-                "mergeStrategies": {
-                  "externals": "replace"
-                }
-              }
-            },
-            "development": {
-              "customWebpackConfig": {
-                "path": "./webpack.dev.config.js",
-                "mergeStrategies": {
-                  "externals": "replace"
-                }
-              }
-            }
-          },
-          "defaultConfiguration": "development",
-          "options": {
-            "polyfills": ["zone.js", "zone.js/testing"],
-            "tsConfig": "tsconfig.spec.json",
-            "assets": ["src/favicon.ico", "src/assets"],
-            "styles": ["src/styles/styles.css"],
-            "scripts": []
-          }
-        },
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {

package/client-tmp/angular/jest.config.js

@@ -0,0 +1,20 @@
+const { pathsToModuleNameMapper } = require('ts-jest');
+const { compilerOptions } = require('./tsconfig');
+
+module.exports = {
+  preset: 'jest-preset-angular',
+  roots: ['<rootDir>/src/'],
+  testMatch: ['**/+(*.)+(spec).+(ts)'],
+  setupFilesAfterEnv: ['<rootDir>/src/jest.setup.ts'],
+  collectCoverage: true,
+  coverageReporters: ['html'],
+  coverageDirectory: 'coverage/my-app',
+  transformIgnorePatterns: [
+    'node_modules/(?!(@genesislcap/*|consola|@angular|@microsoft|exenv-es6|uuid))',
+  ],
+  moduleNameMapper: {
+    ...pathsToModuleNameMapper(compilerOptions.paths || {}, { prefix: '<rootDir>/' }),
+    '\\.(jpg|jpeg|png|gif|svg)$': '<rootDir>/src/__mocks__/fileMock.js',
+    '\\.(css)$': 'identity-obj-proxy',
+  },
+};

package/client-tmp/angular/package.json

@@ -27,7 +27,7 @@
     "lint:fix": "genx lint --fix",
     "lint:eslint": "genx lint -l eslint --profile",
     "lint:stylelint": "node lint-css.js",
-    "test": "ng test",
+    "test": "jest",
     "test:e2e": "genx test --e2e",
     "test:e2e:debug": "genx test --e2e --debug",
     "test:e2e:ui": "genx test --e2e --interactive",
@@ -54,14 +54,14 @@
     "@genesislcap/genx": "{{versions.UI}}",
     "@genesislcap/build-kit": "{{versions.UI}}",
     "@types/jasmine": "~5.1.0",
+    "@types/jest": "^29.5.13",
     "@types/numeral": "^2.0.5",
     "file-loader": "^6.2.0",
     "jasmine-core": "~5.1.0",
-    "karma": "~6.4.0",
-    "karma-chrome-launcher": "~3.2.0",
-    "karma-coverage": "~2.2.0",
-    "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.1.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-preset-angular": "^14.2.4",
+    "jest-transform-stub": "^2.0.0",
     "svg-url-loader": "^8.0.0",
     "typescript": "~5.4.5",
     "ts-node": "10.9.2",

package/client-tmp/angular/src/app/layouts/default/default.layout.spec.ts

@@ -4,7 +4,7 @@ import { DefaultLayoutComponent } from './default.layout';
 import { ElementRef, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 
 class MockRouter {
-  navigate = jasmine.createSpy('navigate');
+  navigate = jest.fn();
 }
 
 class MockElementRef implements ElementRef {
@@ -46,4 +46,4 @@ describe('DefaultLayoutComponent', () => {
     component.navigateAngular(path);
     expect(router.navigate).toHaveBeenCalledWith([path]);
   });
-});
+});

package/client-tmp/angular/src/jest.setup.ts

@@ -0,0 +1,46 @@
+import 'jest-preset-angular/setup-jest';
+
+// Mock window.matchMedia
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: (query: string) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(), // Deprecated
+    removeListener: jest.fn(), // Deprecated
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+  }),
+});
+
+// Mock BroadcastChannel
+class MockBroadcastChannel {
+  name: string;
+  onmessage: ((this: BroadcastChannel, ev: MessageEvent) => any) | null = null;
+  onmessageerror: ((this: BroadcastChannel, ev: MessageEvent) => any) | null = null;
+
+  constructor(name: string) {
+    this.name = name;
+  }
+
+  postMessage(message: any) {
+    if (this.onmessage) {
+      this.onmessage({ data: message } as MessageEvent);
+    }
+  }
+
+  close() {}
+
+  addEventListener() {}
+  removeEventListener() {}
+  dispatchEvent() {
+    return false;
+  }
+}
+
+Object.defineProperty(window, 'BroadcastChannel', {
+  writable: true,
+  value: MockBroadcastChannel,
+});

package/client-tmp/angular/tsconfig.app.json

@@ -1,9 +1,8 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
-    "types": ["node"],
+    "types": ["node"]
   },
   "files": [
     "src/main.ts"

package/client-tmp/angular/tsconfig.json

@@ -1,4 +1,3 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "compileOnSave": false,
   "compilerOptions": {
@@ -23,7 +22,7 @@
       "ES2022",
       "dom"
     ],
-    "resolveJsonModule": true,
+    "resolveJsonModule": true
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,

package/client-tmp/angular/tsconfig.spec.json

@@ -1,15 +1,21 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
+    "module": "ES2022",
+    "target": "ES2022",
     "outDir": "./out-tsc/spec",
     "types": [
-      "jasmine"
-    ]
+      "jest" 
+    ],
+    "esModuleInterop": true,
+    "emitDecoratorMetadata": true,
+    "resolveJsonModule": true
   },
+  "files": [
+    "src/jest.setup.ts",
+  ],
   "include": [
-    "src/**/*.d.ts",
-    "src/pbc/**/*.ts",
-    "src/**/*.spec.ts"
+    "src/**/*.spec.ts",
+    "src/**/*.d.ts"
   ]
-}
+}

package/client-tmp/react/.babelrc

@@ -0,0 +1,10 @@
+{
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-react",
+    "@babel/preset-typescript"
+  ],
+  "plugins": [
+    "react-require"
+  ]
+}

package/client-tmp/react/.eslintrc.cjs

@@ -10,6 +10,7 @@ module.exports = {
   parser: '@typescript-eslint/parser',
   plugins: ['react-refresh'],
   rules: {
+    '@typescript-eslint/no-explicit-any': 'off',
     '@typescript-eslint/no-unused-vars': 'off',
     '@typescript-eslint/no-var-requires': 'off',
     'react-refresh/only-export-components': [

package/client-tmp/react/jest.config.ts

@@ -0,0 +1,15 @@
+import type { Config } from '@jest/types';
+
+const config: Config.InitialOptions = {
+  testEnvironment: 'jsdom',
+  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx'],
+  transform: {
+    '^.+\\.jsx?$': 'babel-jest',
+    '^.+\\.tsx?$': ['ts-jest', { tsconfig: 'tsconfig.app.json' }],
+  },
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
+  testMatch: ["**/?(*.)+(test).[jt]s?(x)"],
+  watchPathIgnorePatterns: ["<rootDir>/node_modules/", "<rootDir>/dist/"],
+};
+
+export default config;

package/client-tmp/react/jest.setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/client-tmp/react/lint-css.ts

@@ -0,0 +1,19 @@
+import { execSync } from 'child_process';
+import glob from 'glob';
+import path from 'path';
+
+const cssFiles: string[] = glob.sync(path.join(__dirname, '**/*.css'));
+
+if (cssFiles.length === 0) {
+  console.log('No CSS files found.');
+  process.exit(0);
+}
+
+const command: string = `genx lint -l stylelint ${cssFiles.join(' ')}`;
+
+try {
+  execSync(command, { stdio: 'inherit' });
+} catch (error) {
+  console.error('Error running stylelint:', error);
+  process.exit(1);
+}

package/client-tmp/react/package.json

@@ -15,16 +15,16 @@
     "dev:intellij": "npm run dev",
     "dev:https": "HTTPS=true npm run dev",
     "dsconfig": "dsconfig --path src/styles/design-tokens.json",
-    "lint": "eslint src/**/*.js src/**/*.jsx",
-    "lint:fix": "eslint src/**/*.js src/**/*.jsx --fix",
+    "lint": "eslint src/**/*.ts src/**/*.tsx",
+    "lint:fix": "eslint src/**/*.ts src/**/*.tsx --fix",
     "lint:eslint": "npm lint",
-    "lint:stylelint": "node lint-css.js",
-    "test": "genx test",
+    "lint:stylelint": "npx ts-node lint-css.ts",
+    "test": "jest",
+    "test:coverage": "jest --coverage",
+    "test:unit:watch": "jest --watchAll",
     "test:e2e": "genx test --e2e",
     "test:e2e:debug": "genx test --e2e --debug",
-    "test:e2e:ui": "genx test --e2e --interactive",
-    "test:coverage": "genx test --no-watch --coverage",
-    "test:unit:watch": "genx test --watch"
+    "test:e2e:ui": "genx test --e2e --interactive"
   },
   "dependencies": {
     "@ag-grid-community/client-side-row-model": "29.2.0",
@@ -48,9 +48,13 @@
     "history": "^5.3.0",
     "react": "^19.0.0-beta-94eed63c49-20240425",
     "react-dom": "^19.0.0-beta-94eed63c49-20240425",
-    "react-router-dom": "6.24.1"
+    "react-router-dom": "6.24.1",
+    "web-vitals": "^2.1.4"
   },
   "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.4",
+    "@babel/preset-react": "^7.24.7",
     "@genesislcap/design-system-configurator": "{{versions.UI}}",
     "@genesislcap/eslint-config": "{{versions.UI}}",
     "@genesislcap/prettier-config": "{{versions.UI}}",
@@ -60,15 +64,21 @@
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.0",
+    "@types/jest": "^29.5.12",
     "@types/node": "^20.14.10",
     "@types/react": "npm:types-react@alpha",  
     "@types/react-dom": "npm:types-react-dom@alpha",
     "@typescript-eslint/eslint-plugin": "^7.13.1",
     "@typescript-eslint/parser": "^7.13.1",
     "@vitejs/plugin-react": "^4.3.1",
+    "babel-plugin-react-require": "^4.0.3",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.2",
     "typescript": "^5.2.2",
     "vite": "^5.3.1"
   },  

package/client-tmp/react/src/App.tsx

@@ -15,7 +15,7 @@ import { AuthProvider } from './store/AuthContext';
 import AuthPage from './pages/AuthPage/AuthPage';
 import NotPermittedPage from './pages/NotPermittedPage/NotPermittedPage';
 {{#each routes}}
-import {{pascalCase this.name}} from './pages/{{kebabCase this.name}}/{{pascalCase this.name}}';
+import {{pascalCase this.name}} from './pages/{{pascalCase this.name}}/{{pascalCase this.name}}';
 {{/each}}
 
 // Genesis Components

package/client-tmp/react/src/components/{ErrorMessage.test.js → ErrorMessage/ErrorMessage.test.tsx}

@@ -1,35 +1,33 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import ErrorMessage from './ErrorMessage';
+import { default as ErrorMessage, ErrorMessageProps } from './ErrorMessage';
 
 describe('ErrorMessage Component', () => {
-  const message = 'Test Error Message';
+  const message: string = 'Test Error Message';
 
   test('renders the message as a div by default', () => {
     render(<ErrorMessage message={message} />);
-    const displayedMessage = screen.getByText(message);
+    const displayedMessage: HTMLElement = screen.getByText(message);
     expect(displayedMessage.tagName).toBe('DIV');
     expect(displayedMessage).toBeInTheDocument();
   });
 
   test('renders the message as an h1 element when elementType is "h1"', () => {
     render(<ErrorMessage message={message} elementType="h1" />);
-    const displayedMessage = screen.getByRole('heading', { level: 1 });
+    const displayedMessage: HTMLElement = screen.getByRole('heading', { level: 1 });
     expect(displayedMessage.tagName).toBe('H1');
     expect(displayedMessage).toBeInTheDocument();
   });
 
   test('renders the message as a p element when elementType is "p"', () => {
     render(<ErrorMessage message={message} elementType="p" />);
-    const displayedMessage = screen.getByText(message);
+    const displayedMessage: HTMLElement = screen.getByText(message);
     expect(displayedMessage.tagName).toBe('P');
     expect(displayedMessage).toBeInTheDocument();
   });
 
   test('applies the correct styles to the error message wrapper', () => {
     render(<ErrorMessage message={message} />);
-    const wrapper = screen.getByText(message).closest('section');
+    const wrapper: HTMLElement | null = screen.getByText(message).closest('section');
     expect(wrapper).toHaveStyle(`
       display: flex;
       flex-direction: column;
@@ -42,8 +40,8 @@ describe('ErrorMessage Component', () => {
 
   test('applies the correct styles to the error message itself', () => {
     render(<ErrorMessage message={message} />);
-    const displayedMessage = screen.getByText(message);
-    const messageWrapper = displayedMessage.parentElement;
+    const displayedMessage: HTMLElement = screen.getByText(message);
+    const messageWrapper: HTMLElement | null = displayedMessage.parentElement;
     
     expect(messageWrapper).toBeInTheDocument();
     expect(messageWrapper).toHaveStyle(`
@@ -64,17 +62,34 @@ describe('ErrorMessage Component', () => {
   });
 
   test('renders nothing if the message is an empty string', () => {
-    const { container } = render(<ErrorMessage message="" />);
+    const { container }: { container: HTMLElement } = render(<ErrorMessage message="" />);
     expect(container.firstChild).toBeNull();
   });
 
   test('renders the correct element type for various elementType props', () => {
-    const elementTypes = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'span', 'div'];
-    elementTypes.forEach((elementType) => {
-      const { container } = render(<ErrorMessage message={message} elementType={elementType} />);
-      const displayedMessage = container.querySelector(elementType);
+    const elementTypes: ErrorMessageProps['elementType'][] = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'span', 'div'];
+    elementTypes.forEach((elementType: ErrorMessageProps['elementType']) => {
+      const { container }: { container: HTMLElement } = render(<ErrorMessage message={message} elementType={elementType} />);
+      const displayedMessage: HTMLElement | null = container.querySelector(elementType as string);
       expect(displayedMessage).toBeInTheDocument();
-      expect(displayedMessage.tagName).toBe(elementType.toUpperCase());
+      expect(displayedMessage?.tagName).toBe((elementType as string).toUpperCase());
     });
   });
+
+  test('renders the message as a div element when elementType is unknown', () => {
+    render(<ErrorMessage message={message} />);
+    const displayedMessage: HTMLElement = screen.getByText(message);
+    expect(displayedMessage.tagName).toBe('DIV');
+    expect(displayedMessage).toBeInTheDocument();
+  });
+
+  test('renders nothing if the message is null', () => {
+    const { container }: { container: HTMLElement } = render(<ErrorMessage />);
+    expect(container.firstChild).toBeNull();
+  });
+
+  test('renders nothing if the message is undefined', () => {
+    const { container }: { container: HTMLElement } = render(<ErrorMessage message={undefined} />);
+    expect(container.firstChild).toBeNull();
+  });
 });

package/client-tmp/react/src/components/ErrorMessage/{ErrorMessage.jsx → ErrorMessage.tsx}

@@ -3,7 +3,7 @@ import React from 'react';
 const styles = {
   errorMessageWrapper: {
     display: 'flex',
-    flexDirection: 'column',
+    flexDirection: 'column' as const,
     justifyContent: 'center',
     alignItems: 'center',
     height: '100%',
@@ -14,11 +14,11 @@ const styles = {
     backgroundColor: 'var(--neutral-layer-4)',
     borderColor: 'var(--error-color)',
     borderRadius: '7px',
-    borderStyle: 'solid',
+    borderStyle: 'solid' as const,
     borderWidth: '4px',
     padding: '5px',
     margin: '15px',
-    textAlign: 'center',
+    textAlign: 'center' as const,
     width: 'fit-content',
     alignSelf: 'center',
     height: 'auto',
@@ -26,7 +26,12 @@ const styles = {
   },
 };
 
-const ErrorMessage = ({ elementType = 'div', message = '' }) => {
+export interface ErrorMessageProps {
+  elementType?: 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+  message?: string;
+}
+
+const ErrorMessage: React.FC<ErrorMessageProps> = ({ elementType = 'div', message = '' }) => {
   const ElementType = elementType;
 
   return message && message !== '' && (

package/client-tmp/react/src/custom-elements.d.ts

@@ -1,11 +1,21 @@
-declare namespace JSX {
-  interface IntrinsicElements {
-    // Wildcard for all webcomponents:
-    [elemName: string]: unknown;
-  }
-}
+import React, { useState, DOMAttributes }  from 'react';
 
-declare module '*.module.css' {
-  const classes: { [key: string]: string };
-  export default classes;
+type CustomElement<T = HTMLElement> = Partial<T & DOMAttributes<T> & { children: any }>;
+
+declare module "react/jsx-runtime" {
+  namespace JSX {
+    interface IntrinsicElements {
+      'entity-management': CustomElement;
+      'foundation-form': CustomElement;
+      'rapid-grid-pro': CustomElement;
+      'grid-pro-genesis-datasource': CustomElement;
+      'grid-pro-column': CustomElement;
+      'rapid-g2plot-chart': CustomElement;
+      'chart-datasource': CustomElement;
+      'client-app-login': CustomElement;
+      'rapid-layout': CustomElement;
+      'rapid-layout-region': CustomElement;
+      'rapid-layout-item': CustomElement;
+    }
+  }
 }

package/client-tmp/react/src/guards/AuthGuard.tsx

@@ -16,7 +16,7 @@ const AuthGuard: React.FC<AuthGuardProps> = ({ children }: AuthGuardProps) => {
     };
 
     verifyAuth();
-  }, []);
+  }, [checkAuthStatus]);
 
   if (isLoading) {
     return <div>Loading...</div>; // Or some loading component

package/client-tmp/react/src/index.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './styles/styles.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+
+const rootElement = document.getElementById('root');
+
+if (rootElement) {
+  const root = ReactDOM.createRoot(rootElement);
+  root.render(
+    <React.StrictMode>
+      <App />
+    </React.StrictMode>,
+  );
+
+  // If you want to start measuring performance in your app, pass a function
+  // to log results (for example: reportWebVitals(console.log))
+  // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+  reportWebVitals();
+}

package/client-tmp/react/src/pages/AuthPage/AuthPage.test.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+import AuthPage from './AuthPage';
+
+test('renders AuthPage component', () => {
+  const { container } = render(<AuthPage />);
+  const authPageElement: Element | null = container.querySelector('.auth-page');
+  expect(authPageElement).toBeInTheDocument();
+  const clientAppLoginElement: Element | null = container.querySelector('client-app-login');
+  expect(clientAppLoginElement).toBeInTheDocument();
+});

package/client-tmp/react/src/pages/AuthPage/{AuthPage.jsx → AuthPage.tsx}

@@ -1,6 +1,7 @@
+import React from 'react';
 import './AuthPage.css';
 
-const AuthPage = () => {
+const AuthPage: React.FC = () => {
   return (
     <section className="auth-page">
       <client-app-login></client-app-login>
@@ -8,4 +9,4 @@ const AuthPage = () => {
   );
 };
 
-export default AuthPage;
+export default AuthPage;

package/client-tmp/react/src/pages/NotPermittedPage/NotPermittedPage.test.tsx

@@ -0,0 +1,17 @@
+import { render, screen } from '@testing-library/react';
+import NotPermittedPage from './NotPermittedPage';
+
+jest.mock('../../components/ErrorMessage/ErrorMessage', () => {
+  return jest.fn((props: { message: string }) => <h1 data-testid="error-message">{props.message}</h1>);
+});
+
+describe('NotPermittedPage Component', () => {
+  test('renders the ErrorMessage component with correct props', () => {
+    render(<NotPermittedPage />);
+    
+    const errorMessage: HTMLElement = screen.getByTestId('error-message');
+    expect(errorMessage).toBeInTheDocument();
+    expect(errorMessage.tagName).toBe('H1');
+    expect(errorMessage).toHaveTextContent('You do not have permission to access this part of the application, please contact your administrator.');
+  });
+});

package/client-tmp/react/src/pages/NotPermittedPage/NotPermittedPage.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import ErrorMessage from '../../components/ErrorMessage/ErrorMessage';
+import './NotPermittedPage.css';
+
+const NotPermittedPage: React.FC = () => {
+  return (
+    <ErrorMessage
+      elementType="h1"
+      message="You do not have permission to access this part of the application, please contact your administrator."
+    />
+  );
+};
+
+export default NotPermittedPage;

package/client-tmp/react/src/{reportWebVitals.js → reportWebVitals.ts}

@@ -1,4 +1,4 @@
-const reportWebVitals = (onPerfEntry) => {
+const reportWebVitals = onPerfEntry => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
     import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
       getCLS(onPerfEntry);

package/client-tmp/react/tsconfig.app.json

@@ -7,8 +7,6 @@
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,
-
-    /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
@@ -16,13 +14,12 @@
     "moduleDetection": "force",
     "noEmit": true,
     "jsx": "react-jsx",
-
-    /* Linting */
     "strict": true,
+    "esModuleInterop": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
     "types": ["node", "react"]
   },
-  "include": ["src"]
+  "include": ["src" , "src/**/*.d.ts"],
 }

package/client-tmp/react/tsconfig.json

@@ -7,5 +7,8 @@
     {
       "path": "./tsconfig.node.json"
     }
-  ]
+  ],
+  "compilerOptions": {
+    "esModuleInterop": true,
+  }
 }

package/client-tmp/react/tsconfig.node.json

@@ -9,5 +9,5 @@
     "strict": true,
     "noEmit": true
   },
-  "include": ["vite.config.js"]
+  "include": ["vite.config.ts"]
 }