fix: eslint for example project (#407)

* chore: fix eslint for example project

* chore: fix linting

examples/react/simple/.eslintrc

@@ -1,7 +0,0 @@
-{
-  "extends": ["react-app", "prettier"],
-  "rules": {
-    // "eqeqeq": 0,
-    // "jsx-a11y/anchor-is-valid": 0
-  }
-}

examples/react/simple/.eslintrc.cjs

@@ -0,0 +1,15 @@
+// @ts-check
+
+/** @type {import('eslint').Linter.Config} */
+const config = {
+  extends: ["plugin:react/recommended", "plugin:react-hooks/recommended"],
+  parserOptions: {
+    tsconfigRootDir: __dirname,
+    project: "./tsconfig.json",
+  },
+  rules: {
+    "react/no-children-prop": "off",
+  },
+};
+
+module.exports = config;

examples/react/simple/src/index.tsx

@@ -1,11 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import {
+import { createFormFactory } from "@tanstack/react-form";
-  FieldApi,
+import type { FieldApi } from "@tanstack/react-form";
-  FormApi,
-  createFormFactory,
-  useField,
-} from "@tanstack/react-form";
 
 type Person = {
   firstName: string;

examples/react/simple/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "jsx": "react",
+    "noEmit": true
+  },
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "rollup.config.js"]
+}