diff --git a/src/compose.jsx b/src/compose.jsx
index 9f5a898..4f2607b 100644
--- a/src/compose.jsx
+++ b/src/compose.jsx
@@ -7,6 +7,7 @@ import { lazy } from 'preact/compat';
 import { useEffect, useState } from 'preact/hooks';
 
 import IntlSegmenterSuspense from './components/intl-segmenter-suspense';
+import { initStates } from './utils/states';
 // import Compose from './components/compose';
 import useTitle from './utils/useTitle';
 
@@ -31,6 +32,10 @@ function App() {
       : 'Compose',
   );
 
+  useEffect(() => {
+    initStates();
+  }, []);
+
   useEffect(() => {
     if (uiState === 'closed') {
       try {