### Vite Configuration for React Project

Source: https://github.com/fitzfitz/setups/blob/main/react-setup.md

This TypeScript configuration file sets up Vite for building, testing, and managing path aliases for the React project. It includes JSDOM environment for testing and specifies setup files.

```typescript
/// <reference types="vitest" />
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
  test: {
    globals: true,
    environment: "jsdom",
    setupFiles: "./src/test/setup.ts",
    css: true,
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
});
```

--------------------------------

### TypeScript Configuration for React App

Source: https://github.com/fitzfitz/setups/blob/main/react-setup.md

This JSON configuration file enforces path aliases (@/) and strict typing for the React application. It is essential for maintaining code quality and organization.

```json
{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  },
  "include": ["src"]
}
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.