feat(rsc): auto optimize use-sync-external-store in transitive deps

Author: hi-ogawa

packages/plugin-rsc/examples/basic/package.json

@@ -21,6 +21,7 @@
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "latest",
+    "@vitejs/test-dep-deep-cjs": "file:./test-dep/deep-cjs",
     "@vitejs/test-dep-client-in-server": "file:./test-dep/client-in-server",
     "@vitejs/test-dep-client-in-server2": "file:./test-dep/client-in-server2",
     "@vitejs/test-dep-server-in-client": "file:./test-dep/server-in-client",

packages/plugin-rsc/examples/basic/test-dep/deep-cjs/client.js

@@ -0,0 +1,24 @@
+'use client'
+
+import React from 'react'
+import { useSyncExternalStore } from 'use-sync-external-store'
+
+const h = React.createElement
+
+const noopStore = () => () => {}
+
+export function TestClient() {
+  const value = useSyncExternalStore(
+    noopStore,
+    () => 'ok:browser',
+    () => 'ok:ssr',
+  )
+
+  return h(
+    'span',
+    {
+      'data-testid': 'deep-cjs-client',
+    },
+    value,
+  )
+}

packages/plugin-rsc/examples/basic/test-dep/deep-cjs/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@vitejs/test-dep-deep-cjs",
+  "private": true,
+  "type": "module",
+  "exports": {
+    "./client": "./client.js"
+  },
+  "dependencies": {
+    "use-sync-external-store": "^1.5.0"
+  },
+  "peerDependencies": {
+    "react": "*"
+  }
+}