From a416fff99e2381c3b21a09570de446ac27a17e2a Mon Sep 17 00:00:00 2001
From: Kevin Schaich <schaich.kevin@gmail.com>
Date: Mon, 6 May 2024 17:27:03 -0400
Subject: [PATCH] Update docs for conditional CSS import

---
 README.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 96605acc..9b945e4f 100644
--- a/README.md
+++ b/README.md
@@ -194,11 +194,14 @@ and is replaced it with native CSS.
 2. Replace `@emotion/react` with `jotai-devtools/styles.css` in your code
 
 Note that this css file may get included in your production builds please import
-it conditionally if you want to avoid that.
+it conditionally if you want to avoid that, e.g.:
 
 ```diff
 import { DevTools } from 'jotai-devtools';
-+ import 'jotai-devtools/styles.css';
++ 
++ if (process.env.NODE_ENV === 'development') {
++     require('jotai-devtools/styles.css')
++ }
 ```
 
 ### Migrate Jotai to V2