diff --git a/playground/react-emotion/__tests__/react.spec.ts b/playground/react-emotion/__tests__/react.spec.ts
index ff4731ee3..943a1c89c 100644
--- a/playground/react-emotion/__tests__/react.spec.ts
+++ b/playground/react-emotion/__tests__/react.spec.ts
@@ -14,12 +14,12 @@ test('should update', async () => {
 })
 
 test.runIf(isServe)('should hmr', async () => {
-  editFile('App.jsx', (code) =>
+  editFile('src/App.tsx', (code) =>
     code.replace('Vite + React + @emotion/react', 'Updated'),
   )
   await expect.poll(() => page.textContent('h1')).toMatch('Hello Updated')
 
-  editFile('Counter.jsx', (code) =>
+  editFile('src/Counter.tsx', (code) =>
     code.replace('color: #646cff;', 'color: #d26ac2;'),
   )
 
@@ -43,7 +43,7 @@ test('should update button style', async () => {
   expect(await getButtonBorderStyle()).toMatch('2px solid rgb(0, 0, 0)')
 
   if (isServe) {
-    editFile('Counter.jsx', (code) =>
+    editFile('src/Counter.tsx', (code) =>
       code.replace('border: 2px solid #000', 'border: 4px solid red'),
     )
 
diff --git a/playground/react-emotion/index.html b/playground/react-emotion/index.html
index 7417c442d..fb1aeef55 100644
--- a/playground/react-emotion/index.html
+++ b/playground/react-emotion/index.html
@@ -1,10 +1,2 @@
 <div id="app"></div>
-<script type="module">
-  import React from 'react'
-  import ReactDOM from 'react-dom/client'
-  import App from './App.jsx'
-
-  ReactDOM.createRoot(document.getElementById('app')).render(
-    React.createElement(App),
-  )
-</script>
+<script type="module" src="./src/main.tsx"></script>
diff --git a/playground/react-emotion/package.json b/playground/react-emotion/package.json
index fcad26419..6f096e6ca 100644
--- a/playground/react-emotion/package.json
+++ b/playground/react-emotion/package.json
@@ -18,6 +18,8 @@
   "devDependencies": {
     "@babel/plugin-proposal-pipeline-operator": "^7.27.1",
     "@emotion/babel-plugin": "^11.13.5",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
     "@vitejs/plugin-react": "workspace:*"
   },
   "babel": {
diff --git a/playground/react-emotion/App.jsx b/playground/react-emotion/src/App.tsx
similarity index 88%
rename from playground/react-emotion/App.jsx
rename to playground/react-emotion/src/App.tsx
index b1d3f58e4..09300fd8d 100644
--- a/playground/react-emotion/App.jsx
+++ b/playground/react-emotion/src/App.tsx
@@ -1,7 +1,8 @@
 import { useState } from 'react'
 import _Switch from 'react-switch'
-import { Counter, StyledCode } from './Counter'
-const Switch = _Switch.default || _Switch
+import { Counter, StyledCode } from './Counter.tsx'
+
+const Switch = (_Switch as any).default || _Switch
 
 function FragmentTest() {
   const [checked, setChecked] = useState(false)
diff --git a/playground/react-emotion/Counter.jsx b/playground/react-emotion/src/Counter.tsx
similarity index 94%
rename from playground/react-emotion/Counter.jsx
rename to playground/react-emotion/src/Counter.tsx
index 132b60f14..d7d88f2c4 100644
--- a/playground/react-emotion/Counter.jsx
+++ b/playground/react-emotion/src/Counter.tsx
@@ -14,6 +14,7 @@ export function Counter() {
     <button
       css={css`
         border: 2px solid #000;
+        background: orange;
       `}
       onClick={() => setCount((count) => count + 1)}
     >
diff --git a/playground/tsconfig/src/main.tsx b/playground/react-emotion/src/main.tsx
similarity index 79%
rename from playground/tsconfig/src/main.tsx
rename to playground/react-emotion/src/main.tsx
index 056386a7d..1f5976c1d 100644
--- a/playground/tsconfig/src/main.tsx
+++ b/playground/react-emotion/src/main.tsx
@@ -1,4 +1,4 @@
 import ReactDOM from 'react-dom/client'
-import App from './App.jsx'
+import App from './App.tsx'
 
 ReactDOM.createRoot(document.getElementById('app')!).render(<App />)
diff --git a/playground/tsconfig/tsconfig.json b/playground/react-emotion/tsconfig.json
similarity index 100%
rename from playground/tsconfig/tsconfig.json
rename to playground/react-emotion/tsconfig.json
diff --git a/playground/react-emotion/vite.config.ts b/playground/react-emotion/vite.config.ts
index 3c0aa96b7..c19e87efc 100644
--- a/playground/react-emotion/vite.config.ts
+++ b/playground/react-emotion/vite.config.ts
@@ -5,7 +5,6 @@ export default defineConfig({
   server: { port: 8904 /* Should be unique */ },
   plugins: [
     react({
-      jsxImportSource: '@emotion/react',
       babel: {
         plugins: ['@emotion/babel-plugin'],
       },
@@ -16,4 +15,7 @@ export default defineConfig({
     // to make tests faster
     minify: false,
   },
+  optimizeDeps: {
+    include: ['@emotion/styled/base'],
+  },
 })
diff --git a/playground/tsconfig/__tests__/tsconfig.spec.ts b/playground/tsconfig/__tests__/tsconfig.spec.ts
deleted file mode 100644
index cabfa5b4d..000000000
--- a/playground/tsconfig/__tests__/tsconfig.spec.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { expect, test } from 'vitest'
-import { page } from '~utils'
-
-test('respect tsconfig jsxImportSource', async () => {
-  await expect
-    .poll(() =>
-      page.getByTestId('emotion').evaluate((el) => getComputedStyle(el).color),
-    )
-    .toBe('rgb(255, 0, 0)')
-})
diff --git a/playground/tsconfig/index.html b/playground/tsconfig/index.html
deleted file mode 100644
index fb1aeef55..000000000
--- a/playground/tsconfig/index.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script type="module" src="./src/main.tsx"></script>
diff --git a/playground/tsconfig/package.json b/playground/tsconfig/package.json
deleted file mode 100644
index 9de9c768c..000000000
--- a/playground/tsconfig/package.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "name": "@vitejs/test-react-tsconfig",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "debug": "node --inspect-brk vite",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.14.0",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1"
-  },
-  "devDependencies": {
-    "@types/react": "^19.1.9",
-    "@types/react-dom": "^19.1.7",
-    "@vitejs/plugin-react": "workspace:*"
-  }
-}
diff --git a/playground/tsconfig/src/App.tsx b/playground/tsconfig/src/App.tsx
deleted file mode 100644
index 27b40fe02..000000000
--- a/playground/tsconfig/src/App.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export default function App() {
-  return (
-    <div data-testid="emotion" css={{ color: 'rgb(255, 0, 0)' }}>
-      This should be red
-    </div>
-  )
-}
diff --git a/playground/tsconfig/vite.config.ts b/playground/tsconfig/vite.config.ts
deleted file mode 100644
index ae745180e..000000000
--- a/playground/tsconfig/vite.config.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import react from '@vitejs/plugin-react'
-import { defineConfig } from 'vite'
-
-export default defineConfig({
-  plugins: [react()],
-})
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f71f2162b..8e79f1ab7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -983,6 +983,12 @@ importers:
       '@emotion/babel-plugin':
         specifier: ^11.13.5
         version: 11.13.5
+      '@types/react':
+        specifier: ^19.1.10
+        version: 19.1.10
+      '@types/react-dom':
+        specifier: ^19.1.7
+        version: 19.1.7(@types/react@19.1.10)
       '@vitejs/plugin-react':
         specifier: workspace:*
         version: link:../../packages/plugin-react
@@ -6479,7 +6485,7 @@ snapshots:
   '@types/styled-components@5.1.34':
     dependencies:
       '@types/hoist-non-react-statics': 3.3.6
-      '@types/react': 18.3.20
+      '@types/react': 19.1.10
       csstype: 3.1.3
 
   '@types/stylis@4.2.5': {}