diff --git a/packages/playground/src/components/Playground.tsx b/packages/playground/src/components/Playground.tsx
index 1d30777309..192729ba16 100644
--- a/packages/playground/src/components/Playground.tsx
+++ b/packages/playground/src/components/Playground.tsx
@@ -24,6 +24,7 @@ export default function Playground({ themes, validators }: PlaygroundProps) {
   const [formData, setFormData] = useState<any>(samples.Simple.formData);
   const [extraErrors, setExtraErrors] = useState<ErrorSchema | undefined>();
   const [shareURL, setShareURL] = useState<string | null>(null);
+  // TODO only for dev convenience, reset to `default` before merge
   const [theme, setTheme] = useState<string>('carbon');
   const [subtheme, setSubtheme] = useState<string | null>(null);
   const [stylesheet, setStylesheet] = useState<string | null>(null);