♻️ (react) Improve debug env

packages/react/_debug/app.tsx

@@ -0,0 +1,17 @@
+import React, { FC, useState } from 'react'
+import Utterances from '../lib/Utterances'
+import { Theme } from '@shared/types'
+
+const App: FC = () => {
+  const [theme, changeTheme] = useState<Theme>('github-light')
+  const handleClick = () =>
+    changeTheme(theme === 'github-light' ? 'github-dark' : 'github-light')
+  return (
+    <>
+      <button onClick={handleClick}>switch</button>
+      <Utterances repo="TomokiMiyauci/me" theme={theme} issueTerm="pathname" />
+    </>
+  )
+}
+
+export default App

packages/react/_debug/main.tsx

@@ -1,14 +1,10 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
-import Utterances from '../lib/Utterances'
+import { render } from 'react-dom'
+import App from './app'
 
-ReactDOM.render(
+render(
   <React.StrictMode>
-    <Utterances
-      repo="TomokiMiyauci/utterances-component"
-      theme="github-dark"
-      issueTerm="pathname"
-    />
+    <App />
   </React.StrictMode>,
   document.getElementById('root')
 )

packages/react/tsconfig.json

@@ -21,5 +21,5 @@
       "@shared/*": ["../@shared/*"]
     }
   },
-  "include": ["./lib"]
+  "include": ["./lib", "./_debug"]
 }