remove the 'use client' directive and add client-only to useSWR entry. (

#2705)

Co-authored-by: Jiachi Liu <[email protected]>

core/package.json

@@ -17,6 +17,7 @@
     "clean": "rimraf dist"
   },
   "peerDependencies": {
+    "client-only": "*",
     "swr": "*",
     "react": "*",
     "use-sync-external-store": "*"

core/src/env.d.ts

@@ -0,0 +1 @@
+declare module 'client-only'

core/src/index.ts

@@ -1,4 +1,4 @@
-'use client'
+import 'client-only'
 
 // useSWR
 import useSWR from './use-swr'

immutable/src/index.ts

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

infinite/src/index.ts

@@ -1,5 +1,3 @@
-'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,5 +1,3 @@
-'use client'
-
 import { useCallback, useRef } from 'react'
 import useSWR, { useSWRConfig } from 'swr'
 import type { Middleware, Key } from 'swr/_internal'

package.json

@@ -147,6 +147,7 @@
     "trailingComma": "none"
   },
   "dependencies": {
+    "client-only": "^0.0.1",
     "use-sync-external-store": "^1.2.0"
   }
 }

subscription/src/index.ts

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