From 9e7728c2e7527223eec18cce2f78e8b7cfc152ec Mon Sep 17 00:00:00 2001
From: Jiachi Liu <inbox@huozhi.im>
Date: Sun, 17 Jul 2022 13:32:05 +0200
Subject: [PATCH] docs: update typescript guide with babel plugin

---
 readme.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/readme.md b/readme.md
index 2066c663..226420ed 100644
--- a/readme.md
+++ b/readme.md
@@ -1051,6 +1051,8 @@ If you're using TypeScript, then in order to allow `<style jsx>` tags to be prop
 /// <reference types="styled-jsx" />
 ```
 
+> If you're using babel to transform styled-jsx code with TypeScript, you need to specify `"jsx": "preserve"` in your tsconfig.json to keep the original JSX and let babel parse and transform with styled-jsx babel plugin.
+
 ## Credits
 
 - **Pedram Emrouznejad** ([rijs](https://github.com/rijs/fullstack)) suggested attribute selectors over my initial class prefixing idea.