use component api

Author: ianmacartney

.gitignore

@@ -9,11 +9,8 @@ dist-ssr
 explorations
 node_modules
 .eslintcache
-# components are libraries!
-package-lock.json
-
-# this is a package-json-redirect stub dir, see https://github.com/andrewbranch/example-subpath-exports-ts-compat?tab=readme-ov-file
-frontend/package.json
+*/expo-env.d.ts
 # npm pack output
 *.tgz
+*.tsbuildinfo
 .claude

commonjs.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "./node_modules/convex/schemas/convex.schema.json",
+  "functions": "example/convex"
+}

convex.json

@@ -1,30 +1,19 @@
 {
-  /* This TypeScript project config describes the environment that
-   * Convex functions run in and is used to typecheck them.
-   * You can modify it, but some settings required to use Convex.
-   */
   "compilerOptions": {
-    /* These settings are not required by Convex and can be modified. */
     "allowJs": true,
     "strict": true,
     "skipLibCheck": true,
-
-    /* These compiler options are required by Convex */
     "target": "ESNext",
-    "lib": ["ES2021", "dom", "ESNext.Array"],
+    "lib": ["ES2021", "dom", "DOM.Iterable", "ESNext.Array"],
     "forceConsistentCasingInFileNames": true,
     "allowSyntheticDefaultImports": true,
+    "verbatimModuleSyntax": true,
     "module": "ESNext",
     "moduleResolution": "Bundler",
     "isolatedModules": true,
     "noEmit": true,
-
-    /* This should only be used in this example. Real apps should not attempt
-     * to compile TypeScript because differences between tsconfig.json files can
-     * cause the code to be compiled differently.
-     */
-    "customConditions": ["@convex-dev/component-source"]
+    "jsx": "react-jsx"
   },
-  "include": ["./**/*"],
+  "include": [".*"],
   "exclude": ["./_generated"]
 }

esm.json

@@ -3,12 +3,8 @@
   "compilerOptions": {
     "strict": true,
     "paths": {
-      "@/*": [
-        "./*"
-      ],
-      "baseUrl": [
-        "."
-      ]
+      "@/*": ["./*"],
+      "baseUrl": ["."]
     }
   },
   "include": [