pmndrs · dai-shi · Dec 18, 2024 · Dec 16, 2024 · Dec 16, 2024 · Dec 16, 2024
diff --git a/docs/extensions/cache.mdx b/docs/extensions/cache.mdx
@@ -18,7 +18,7 @@ a third-party library to help such use cases.
 ### Install
 
 ```
-npm i jotai-cache
+npm install jotai-cache
 ```
 
 ## atomWithCache

diff --git a/docs/extensions/effect.mdx b/docs/extensions/effect.mdx
@@ -10,7 +10,7 @@ keywords: effect, atom effect, side effect, side-effect, sideeffect
 ## install
 
 ```
-npm i jotai-effect
+npm install jotai-effect
 ```
 
 ## atomEffect

diff --git a/docs/extensions/immer.mdx b/docs/extensions/immer.mdx
@@ -10,7 +10,7 @@ keywords: immer
 You have to install `immer` and `jotai-immer` to use this feature.
 
 ```
-npm i immer jotai-immer
+npm install immer jotai-immer
 ```
 
 ## atomWithImmer

diff --git a/docs/extensions/location.mdx b/docs/extensions/location.mdx
@@ -12,7 +12,7 @@ To deal with `window.location`, we have some functions to create atoms.
 You have to install `jotai-location` to use this feature.
 
 ```
-npm i jotai-location
+npm install jotai-location
 ```
 
 ## atomWithLocation

diff --git a/docs/extensions/optics.mdx b/docs/extensions/optics.mdx
@@ -10,7 +10,7 @@ keywords: optics
 You have to install `optics-ts` and `jotai-optics` to use this feature.
 
 ```
-npm i optics-ts jotai-optics
+npm install optics-ts jotai-optics
 ```
 
 ## focusAtom

diff --git a/docs/extensions/query.mdx b/docs/extensions/query.mdx
@@ -22,7 +22,7 @@ jotai-tanstack-query currently supports TanStack Query v5.
 In addition to `jotai`, you have to install `jotai-tanstack-query` and `@tanstack/query-core` to use the extension.
 
 ```bash
-npm i jotai-tanstack-query @tanstack/query-core
+npm install jotai-tanstack-query @tanstack/query-core
 ```
 
 ### Incremental Adoption
@@ -338,7 +338,7 @@ See [a working example](https://codesandbox.io/s/4gfp6z) to learn more.
 In order to use the Devtools, you need to install it additionally.
 
 ```bash
-npm i @tanstack/react-query-devtools
+npm install @tanstack/react-query-devtools
 ```
 
 All you have to do is put the `<ReactQueryDevtools />` within `<QueryClientProvider />`.

diff --git a/docs/extensions/redux.mdx b/docs/extensions/redux.mdx
@@ -17,7 +17,7 @@ and sync with atoms in Jotai.
 You have to install `redux` and `jotai-redux` to use this feature.
 
 ```
-npm i redux jotai-redux
+npm install redux jotai-redux
 ```
 
 ## atomWithStore

diff --git a/docs/extensions/relay.mdx b/docs/extensions/relay.mdx
@@ -13,7 +13,7 @@ You can use Jotai with [Relay](https://relay.dev).
 You have to install `jotai-relay` and `relay-runtime`.
 
 ```
-npm i jotai-relay relay-runtime
+npm install jotai-relay relay-runtime
 ```
 
 ### Usage

diff --git a/docs/extensions/scope.mdx b/docs/extensions/scope.mdx
@@ -22,7 +22,7 @@ and the use of those atoms is scoped within the subtree.
 ### Install
 
 ```
-npm i jotai-scope
+npm install jotai-scope
 ```
 
 ### Counter Example
@@ -105,7 +105,7 @@ See [Motivation](https://github.com/saasquatch/bunshi/tree/v1.1.1#motivation) fo
 ### Install
 
 ```
-npm i bunshi
+npm install bunshi
 ```
 
 ### Counter Example

diff --git a/docs/extensions/trpc.mdx b/docs/extensions/trpc.mdx
@@ -12,7 +12,7 @@ You can use Jotai with [tRPC](https://trpc.io).
 You have to install `jotai-trpc`, `@trpc/client` and `@trpc/server` to use the extension.
 
 ```
-npm i jotai-trpc @trpc/client @trpc/server
+npm install jotai-trpc @trpc/client @trpc/server
 ```
 
 ### Usage

diff --git a/docs/extensions/urql.mdx b/docs/extensions/urql.mdx
@@ -18,7 +18,7 @@ From the [Overview docs](https://formidable.com/open-source/urql/docs/):
 You have to install `jotai-urql`, `@urql/core` and `wonka` to use the extension.
 
 ```
-npm i jotai-urql @urql/core wonka
+npm install jotai-urql @urql/core wonka
 ```
 
 ### Exported functions

diff --git a/docs/extensions/valtio.mdx b/docs/extensions/valtio.mdx
@@ -19,7 +19,7 @@ This only uses the vanilla api of valtio.
 You have to install `valtio` and `jotai-valtio` to use this feature.
 
 ```
-npm i valtio jotai-valtio
+npm install valtio jotai-valtio
 ```
 
 ## atomWithProxy

diff --git a/docs/extensions/xstate.mdx b/docs/extensions/xstate.mdx
@@ -15,7 +15,7 @@ a better and safer abstraction for state management.
 You have to install `xstate` and `jotai-xstate` to use this feature.
 
 ```
-npm i xstate jotai-xstate
+npm install xstate jotai-xstate
 ```
 
 ## atomWithMachine

diff --git a/docs/extensions/zustand.mdx b/docs/extensions/zustand.mdx
@@ -19,7 +19,7 @@ This only uses the vanilla api of zustand.
 You have to install `zustand` and `jotai-zustand` to use this feature.
 
 ```
-npm i zustand jotai-zustand
+npm install zustand jotai-zustand
 ```
 
 ## atomWithStore

diff --git a/docs/third-party/derive.mdx b/docs/third-party/derive.mdx
@@ -21,7 +21,7 @@ Building data graphs with these dual-natured (sometimes async, sometimes sync) a
 You have to install `jotai-derive` to use this feature.
 
 ```
-npm i jotai-derive
+npm install jotai-derive
 ```
 
 ## derive

diff --git a/docs/third-party/history.mdx b/docs/third-party/history.mdx
@@ -10,7 +10,7 @@ keywords: history,undo,redo,jotai
 ## install
 
 ```
-npm i jotai-history
+npm install jotai-history
 ```
 
 ## withHistory

diff --git a/docs/tools/devtools.mdx b/docs/tools/devtools.mdx
@@ -10,7 +10,7 @@ keywords: devtools,debug,snapshot
 Install `jotai-devtools` to your project to get started.
 
 ```sh
-npm i jotai-devtools
+npm install jotai-devtools
 ```
 
 ### Notes

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
@@ -118,7 +118,7 @@ const gettingStartedTabs = {
       <h2>Installation</h2>
       <p>First add Jotai as a dependency to your React project.</p>
       <Code language="bash">{`# npm
-npm i jotai
+npm install jotai
 
 # yarn
 yarn add jotai