Add import helpers to the playground config

Author: orta

packages/playground/src/index.ts

@@ -386,8 +386,8 @@ export const setupPlayground = (
       } else {
         sidebarTabs.style.display = "none"
         sidebarContent.style.display = "none"
-        settingsContent.style.display = "block";
-        (document.querySelector(".playground-sidebar label") as any).focus()
+        settingsContent.style.display = "block"
+        ;(document.querySelector(".playground-sidebar label") as any).focus()
       }
       settingsToggle.parentElement!.classList.toggle("open")
     }
@@ -462,8 +462,8 @@ export const setupPlayground = (
   }
 
   // Ensure that the editor is full-width when the screen resizes
-  window.addEventListener('resize', () => {
-    sandbox.editor.layout();
+  window.addEventListener("resize", () => {
+    sandbox.editor.layout()
   })
 
   const ui = createUI()

packages/sandbox/src/compilerOptions.ts

@@ -40,6 +40,8 @@ export function getDefaultSandboxCompilerOptions(config: PlaygroundConfig, monac
     allowJs: config.useJavaScript,
     declaration: true,
 
+    importHelpers: false,
+
     experimentalDecorators: true,
     emitDecoratorMetadata: true,
     moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,

packages/tsconfig-reference/scripts/tsconfigRules.ts

@@ -117,7 +117,6 @@ export const defaultsForOptions = {
   inlineSourceMap: "false",
   inlineSources: "false",
   isolatedModules: "false",
-  jsx: '`"react"`',
   jsxFactory: "`React.createElement`",
   keyofStringsOnly: "false",
   listEmittedFiles: "false",

packages/typescriptlang-org/tsconfig.json

@@ -7,6 +7,7 @@
     "strict": true,
     "esModuleInterop": true,
     "noEmit": true,
+    "jsx": "react",
     "skipLibCheck": true,
     "noImplicitAny": false,
     "resolveJsonModule": true