Add use client directive for client components exports (#2696)

core/src/index.ts

@@ -1,3 +1,5 @@
+'use client'
+
 // useSWR
 import useSWR from './use-swr'
 export default useSWR

immutable/src/index.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import type { Middleware } from 'swr'
 import useSWR from 'swr'
 import { withMiddleware } from 'swr/_internal'

infinite/src/index.ts

@@ -1,3 +1,5 @@
+'use client'
+
 // We have to several type castings here because `useSWRInfinite` is a special
 // hook where `key` and return type are not like the normal `useSWR` types.
 

mutation/src/index.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import { useCallback, useRef } from 'react'
 import useSWR, { useSWRConfig } from 'swr'
 import type { Middleware, Key } from 'swr/_internal'

package.json

@@ -114,7 +114,7 @@
     "@types/use-sync-external-store": "^0.0.3",
     "@typescript-eslint/eslint-plugin": "5.59.8",
     "@typescript-eslint/parser": "5.59.8",
-    "bunchee": "3.4.1",
+    "bunchee": "3.5.0",
     "eslint": "8.42.0",
     "eslint-config-prettier": "8.8.0",
     "eslint-plugin-jest-dom": "5.0.1",

subscription/src/index.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import type { Key, SWRHook, Middleware, SWRConfiguration, SWRConfig } from 'swr'
 import type {
   SWRSubscriptionOptions,