Typefixes

components/src/utils.ts

@@ -5,6 +5,8 @@
  *
  * Copyright Oxide Computer Company
  */
+import cn from 'classnames'
+import { createElement } from 'react'
 
 const titleCase = (text: string): string => {
   return text.replace(
@@ -20,7 +22,7 @@ const make =
   // only one argument here means string interpolations are not allowed
   (strings: TemplateStringsArray) => {
     const Comp = ({ className, children, ...rest }: JSX.IntrinsicElements[T]) =>
-      React.createElement(tag, { className: cn(strings[0], className), ...rest }, children)
+      createElement(tag, { className: cn(strings[0], className), ...rest }, children)
     Comp.displayName = `classed.${tag}`
     return Comp
   }

package.json

@@ -11,7 +11,8 @@
     "build:components": "tsup --dts",
     "release": "auto shipit",
     "lint": "eslint --ext .js,.ts,.tsx,.json .",
-    "fmt": "prettier --cache --write . && npm run lint -- --fix"
+    "fmt": "prettier --cache --write . && npm run lint -- --fix",
+    "tsc": "tsc"
   },
   "author": "Oxide Computer Company <[email protected]>",
   "license": "MPL 2.0",

tsconfig.json

@@ -18,7 +18,8 @@
     "paths": {
       "~/*": ["./components/*"],
       "@/*": ["./*"]
-    }
+    },
+    "allowImportingTsExtensions": true
   },
   "include": ["components/**/*.ts", "components/**/*.tsx"],
   "references": [{ "path": "./tsconfig.node.json" }]