feat: adding formstate, register, setvalue + minor bug fixes

.eslintrc.js

@@ -19,10 +19,9 @@ module.exports = {
   },
   extends: [
     "plugin:react/recommended",
-    "plugin:react-hooks/recommended",
     "plugin:@typescript-eslint/recommended",
     "plugin:jsx-a11y/recommended",
-    "next",
+    "next/core-web-vitals",
     "plugin:react/jsx-runtime",
   ],
   settings: {
@@ -31,16 +30,7 @@ module.exports = {
     },
   },
   rules: {
-    // typescript
-    "@typescript-eslint/explicit-function-return-type": OFF,
-    "@typescript-eslint/interface-name-prefix": OFF,
-    "@typescript-eslint/explicit-module-boundary-types": OFF,
-    // react
-    "react/prop-types": OFF,
     "react/no-unescaped-entities": OFF,
-    "react/jsx-curly-brace-presence": "warn",
-    // jsx-ally
-    "jsx-a11y/no-onchange": WARN,
-    "import/no-anonymous-default-export": OFF,
+    "@typescript-eslint/no-explicit-any": OFF,
   },
 }

.github/stale.yml

@@ -7,7 +7,7 @@ exemptLabels:
   - pinned
   - security
 # Label to use when marking an issue as stale
-staleLabel: 
+staleLabel:
 # Comment to post when marking an issue as stale. Set to `false` to disable
 markComment: >
   This issue has been automatically marked as stale because it has not had

.github/workflows/lock-issue.yml

@@ -1,9 +1,9 @@
-name: 'Lock Issues'
+name: "Lock Issues"
 
 on:
   workflow_dispatch:
   schedule:
-    - cron: '0 0,6,12,18 * * *'
+    - cron: "0 0,6,12,18 * * *"
 
 permissions:
   issues: write

contentlayer.config.ts

@@ -39,7 +39,7 @@ export const Doc = defineDocumentType(() => ({
     },
     pages: {
       type: "list",
-      resolve: (doc) => sidebar[doc.sidebar] ?? [],
+      resolve: (doc) => sidebar[doc.sidebar.trim()] ?? [],
     },
   },
 }))

next.config.mjs

@@ -3,9 +3,6 @@ import withBundleAnalyzer from "@next/bundle-analyzer"
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  typescript: {
-    ignoreBuildErrors: true,
-  },
   reactStrictMode: true,
   pageExtensions: ["ts", "tsx", "js", "jsx", "md", "mdx"],
 }

package.json

@@ -5,24 +5,20 @@
   "author": "beier luo",
   "dependencies": {
     "@hookform/devtools": "4.3.1",
-    "@mdx-js/loader": "^2.3.0",
-    "@mdx-js/react": "^2.3.0",
-    "@next/mdx": "^13.4.5",
-    "@types/node": "^20.3.1",
-    "class-variance-authority": "^0.6.0",
-    "clsx": "^1.2.1",
-    "contentlayer": "^0.3.3",
-    "date-fns": "^2.30.0",
+    "@types/node": "^20.4.5",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.0.0",
+    "contentlayer": "^0.3.4",
     "little-state-machine": "^4.8.0",
-    "next": "^13.4.5",
-    "next-contentlayer": "^0.3.3",
+    "next": "^13.4.12",
+    "next-contentlayer": "^0.3.4",
     "next-themes": "^0.2.1",
-    "prism-react-renderer": "^2.0.5",
+    "prism-react-renderer": "^2.0.6",
     "prismjs": "^1.29.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-github-btn": "1.4.0",
-    "react-hook-form": "7.44.3",
+    "react-hook-form": "7.45.2",
     "react-simple-animate": "^3.5.2",
     "react-simple-img": "3.0.0",
     "react-sortablejs": "1.5.1",
@@ -33,21 +29,21 @@
     "sortablejs": "1.15.0"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "^13.4.5",
+    "@next/bundle-analyzer": "^13.4.12",
     "@types/react-helmet": "^6.1.6",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "@typescript-eslint/parser": "^5.59.11",
+    "@typescript-eslint/eslint-plugin": "^6.2.0",
+    "@typescript-eslint/parser": "^6.2.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.42.0",
-    "eslint-config-next": "^13.4.5",
+    "eslint": "^8.45.0",
+    "eslint-config-next": "^13.4.12",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react": "^7.33.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "prettier": "^2.8.8",
-    "typescript": "^5.1.3"
+    "lint-staged": "^13.2.3",
+    "prettier": "^3.0.0",
+    "typescript": "^5.1.6"
   },
   "keywords": [
     "react-hook-form",
@@ -58,9 +54,10 @@
     "analyze": "cross-env ANALYZE=true next build",
     "build": "next build",
     "dev": "next dev",
-    "format": "prettier --write",
+    "format": "prettier . --write",
     "lint": "next lint --fix",
     "now-build": "npm run build",
+    "prebuild": "contentlayer build",
     "start": "next start",
     "typecheck": "tsc --noEmit",
     "prepare": "husky install"

src/components/ApiGallery.tsx

@@ -1,4 +1,3 @@
-import { useEffect } from "react"
 import Link from "next/link"
 import Footer from "./Footer"
 import typographyStyles from "../styles/typography.module.css"
@@ -20,35 +19,6 @@ export default function ApiGallery() {
     }
   }
 
-  useEffect(() => {
-    const name = window.location.hash.toLowerCase().slice(1)
-
-    if (name === "controller") {
-      router.push(`/docs/usecontroller/${name}`)
-    } else if (
-      [
-        "register",
-        "unregister",
-        "watch",
-        "handlesubmit",
-        "reset",
-        "setError",
-        "clearerrors",
-        "setvalues",
-        "getvalues",
-        "trigger",
-        "control",
-        "formstate",
-      ].includes(name)
-    ) {
-      router.push(`/docs/useform/${name}`)
-    } else if (
-      ["controller", "useformcontext", "usefieldarray"].includes(name)
-    ) {
-      router.push(`/docs/${name}`)
-    }
-  }, [router])
-
   return (
     <div className={containerStyles.container}>
       <h1 className={typographyStyles.headingWithTopMargin} id="main">