diff --git a/packages/jsx-explorer/src/index.ts b/packages/jsx-explorer/src/index.ts
index 8e2bff20..350fb10f 100644
--- a/packages/jsx-explorer/src/index.ts
+++ b/packages/jsx-explorer/src/index.ts
@@ -42,15 +42,13 @@ window.init = () => {
   monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
     allowJs: true,
     allowNonTsExtensions: true,
-    lib: [],
-    jsx: monaco.languages.typescript.JsxEmit.React,
+    jsx: monaco.languages.typescript.JsxEmit.Preserve,
     target: monaco.languages.typescript.ScriptTarget.Latest,
-    typeRoots: ['node_modules/@types'],
   });
 
   const editor = monaco.editor.create(document.getElementById('source')!, {
     value: decodeURIComponent(window.location.hash.slice(1)) || localStorage.getItem('state') || 'const App = () => <div>Hello World</div>',
-    language: 'javascript',
+    language: 'typescript',
     tabSize: 2,
     ...sharedEditorOptions,
   });