diff --git a/.eslintrc.js b/.eslintrc.js
index a84bbc8ad..b813ffa8d 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -34,6 +34,7 @@ module.exports = {
 "react/display-name": OFF,
 "react/prop-types": OFF,
 "react/no-unescaped-entities": OFF,
+ "react/jsx-curly-brace-presence": "warn",
 // jsx-ally
 "jsx-a11y/no-onchange": WARN,
 },
diff --git a/src/components/ApiFormState.tsx b/src/components/ApiFormState.tsx
index 008a216e8..741e5d9b1 100644
--- a/src/components/ApiFormState.tsx
+++ b/src/components/ApiFormState.tsx
@@ -19,7 +19,7 @@ export default React.memo(
 
 <formstatetable currentLanguage={currentLanguage} api={api} />
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
diff --git a/src/components/ApiGallery.tsx b/src/components/ApiGallery.tsx
index b7fe22a0b..2fe9f77dc 100644
--- a/src/components/ApiGallery.tsx
+++ b/src/components/ApiGallery.tsx
@@ -96,7 +96,7 @@ export default function ApiGallery({ defaultLang }) {
 A powerful custom hook to validate your form with minimal
 re-renders.
 </p>
- <link to="/api/useform" aria-label={"read more about useForm"}>
+ <link to="/api/useform" aria-label="read more about useForm">
 Read More ▸
 </link>
 </div>
@@ -112,7 +112,7 @@ export default function ApiGallery({ defaultLang }) {
 </p>
 <link to="/api/usecontroller" - aria-label={"read more about useController"} + aria-label="read more about useController">
 Read More ▸
 </link>
@@ -130,7 +130,7 @@ export default function ApiGallery({ defaultLang }) {
 </p>
 <link to="/api/useformcontext" - aria-label={"read more about useformcontext"} + aria-label="read more about useformcontext">
 Read More ▸
 </link>
@@ -145,7 +145,7 @@ export default function ApiGallery({ defaultLang }) {
 Subscribe to individual form input changes without impacting the
 root component's render.
 </p>
- <link to="/api/usewatch" aria-label={"read more about usewatch"}>
+ <link to="/api/usewatch" aria-label="read more about usewatch">
 Read More ▸
 </link>
 </div>
@@ -161,7 +161,7 @@ export default function ApiGallery({ defaultLang }) {
 </p>
 <link to="/api/useformstate" - aria-label={"read more about useformstate"} + aria-label="read more about useformstate">
 Read More ▸
 </link>
@@ -178,7 +178,7 @@ export default function ApiGallery({ defaultLang }) {
 </p>
 <link to="/api/usefieldarray" - aria-label={"read more about usefieldarray"} + aria-label="read more about usefieldarray">
 Read More ▸
 </link>
@@ -202,7 +202,7 @@ export default function ApiGallery({ defaultLang }) {
 </button>
 <button - value={"6"} + value="6" role="tab" aria-label="show v6 doc" aria-selected="false" @@ -212,7 +212,7 @@ export default function ApiGallery({ defaultLang }) { </button>
 <button - value={"5"} + value="5" aria-label="show v5 doc" aria-selected="true" aria-controls="tabPanel-1" diff --git a/src/components/ApiRefTable.tsx b/src/components/ApiRefTable.tsx index 0f968af74..04fc074f9 100644 --- a/src/components/ApiRefTable.tsx +++ b/src/components/ApiRefTable.tsx @@ -88,7 +88,7 @@ export default function ApiRefTable({ `} />
 
- <h2 className={typographyStyles.subTitle} id={"options"}>
+ <h2 className={typographyStyles.subTitle} id="options">
 Options
 </h2>
 
@@ -539,9 +539,9 @@ export default function ApiRefTable({
 <td>
 <code>disabled</code>
 <br />
- <code - className={typographyStyles.typeText} ->{`boolean = false`}</code>
+ <code className={typographyStyles.typeText}>
+ boolean = false
+ </code>
 </td>
 <td>
 <p>
@@ -701,7 +701,7 @@ export default function ApiRefTable({
 </tbody>
 </table>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -784,7 +784,7 @@ register('test', { required: false }); // ✅
 </li>
 </ul>
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
@@ -804,7 +804,7 @@ register('test', { required: false }); // ✅
 width="100%"
 height="528"
 title="react hook form controller build"
- src={"https://www.youtube.com/embed/JFIpCoajYkA"}
+ src="https://www.youtube.com/embed/JFIpCoajYkA"
 frameBorder="0"
 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
 allowFullScreen
diff --git a/src/components/ApiWatch.tsx b/src/components/ApiWatch.tsx
index 39ceaf415..4a26a3516 100644
--- a/src/components/ApiWatch.tsx
+++ b/src/components/ApiWatch.tsx
@@ -76,12 +76,12 @@ export default function ApiWatch({
 <code>watch('inputName', 'value')</code>
 </td>
 <td>
- <code className={typographyStyles.typeText}>{`any`}</code>
+ <code className={typographyStyles.typeText}>any</code>
 </td>
 </tr>
 <tr>
 <td>
- <code className={typographyStyles.typeText}>{`string[]`}</code>
+ <code className={typographyStyles.typeText}>string[]</code>
 </td>
 <td>{api.watch.tableTitle.multiple}</td>
 <td>
@@ -90,7 +90,7 @@ export default function ApiWatch({
 <code>{`watch(['field1'], { field1: '1' })`}</code>
 </td>
 <td>
- <code className={typographyStyles.typeText}>{`unknown[]`}</code>
+ <code className={typographyStyles.typeText}>unknown[]</code>
 </td>
 </tr>
 <tr>
@@ -129,7 +129,7 @@ export default function ApiWatch({
 </table>
 </div>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -154,8 +154,8 @@ export default function ApiWatch({
 <p>
 This API will trigger re-render at the root of your app or form,
 consider using a callback or the{" "}
- <link to={"/api/usewatch"}>useWatch</link> api if you are
- experiencing performance issues.
+ <link to="/api/usewatch">useWatch</link> api if you are experiencing
+ performance issues.
 </p>
 </li>
 <li>
@@ -167,7 +167,7 @@ export default function ApiWatch({
 </li>
 </ul>
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
@@ -194,7 +194,7 @@ export default function ApiWatch({
 width="100%"
 height="528"
 title="react hook form controller build"
- src={"https://www.youtube.com/embed/3qLd69WMqKk"}
+ src="https://www.youtube.com/embed/3qLd69WMqKk"
 frameBorder="0"
 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
 allowFullScreen
diff --git a/src/components/ControllerContent.tsx b/src/components/ControllerContent.tsx
index c094d52de..4ee1676ca 100644
--- a/src/components/ControllerContent.tsx
+++ b/src/components/ControllerContent.tsx
@@ -50,7 +50,7 @@ export default function ControllerContent({
 
 <usecontrollermethods currentLanguage={currentLanguage} isController />
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
@@ -78,7 +78,7 @@ export default function ControllerContent({
 width="100%"
 height="528"
 title="react hook form controller build"
- src={"https://www.youtube.com/embed/N2UNk_UCVyA"}
+ src="https://www.youtube.com/embed/N2UNk_UCVyA"
 frameBorder="0"
 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
 allowFullScreen
diff --git a/src/components/ErrorMessage.tsx b/src/components/ErrorMessage.tsx
index 5c0928f40..540ba69ec 100644
--- a/src/components/ErrorMessage.tsx
+++ b/src/components/ErrorMessage.tsx
@@ -136,7 +136,7 @@ export default ({
 </table>
 </div>
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
diff --git a/src/components/Footer.module.css b/src/components/Footer.module.css
index 909329bd9..f159dce36 100644
--- a/src/components/Footer.module.css
+++ b/src/components/Footer.module.css
@@ -56,3 +56,7 @@
 .lightFooter .links> li> a:hover {
 color: var(--color-light-pink);
 }
+
+a.link {
+ color: var(--color-primary);
+}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 64f59d7aa..dc3a1b475 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -141,7 +141,14 @@ export default ({ currentLanguage }: { currentLanguage: string }) => {
 borderRadius: 4,
 }}
>
- Hosted on <span class="naked_sign">▲</span><span class="naked_aural">さんかく</span> Vercel Now
+ <a + href="https://vercel.com/" + + rel="noreferrer" + className={styles.link} +>
+ Hosted on <span class="naked_sign">▲</span><span class="naked_aural">さんかく</span> Vercel Now
+ </a>
 </p>
 </footer>
 )
diff --git a/src/components/FormContext.tsx b/src/components/FormContext.tsx
index 458c6aea5..c75fdacea 100644
--- a/src/components/FormContext.tsx
+++ b/src/components/FormContext.tsx
@@ -1,11 +1,10 @@
 import * as React from "react"
 import CodeArea from "./CodeArea"
 import formContext from "./codeExamples/formContext"
-import generic from "../data/generic"
 import * as typographyStyles from "../styles/typography.module.css"
-import * as tableStyles from "../styles/table.module.css"
+import { Link } from "gatsby"
 
-export default function FormContext({ currentLanguage, api }) {
+export default function FormContext({ api }) {
 return (
 <strong>
 <code className={typographyStyles.codeHeading}>
@@ -17,49 +16,25 @@ export default function FormContext({ currentLanguage, api }) {
 
 {api.useFormContext.introduction}
 
- <h2 className={typographyStyles.subTitle}>Props</h2>
+ <h2 className={typographyStyles.subTitle}>Return</h2>
 
- <p>
- This following table applied to <code>FormProvider</code>,{" "}
- <code>useFormContext</code> accepts no argument.
- </p>
-
- <div className={tableStyles.tableWrapper}>
- <table class="structure">
- <tbody>
- <tr>
- <th>{generic.name[currentLanguage]}</th>
- <th>{generic.type[currentLanguage]}</th>
- <th>{generic.description[currentLanguage]}</th>
- </tr>
- <tr>
- <td>
- <code>...props</code>
- </td>
- <td>
- <code className={typographyStyles.typeText}>Object</code>
- </td>
- <td>
- <code>FormProvider</code> requires all <code>useForm</code>{" "}
- methods.
- </td>
- </tr>
- </tbody>
- </table>
- </div>
+ <p>This hook will return all the useForm return methods and props.</p>
 
 {api.useFormContext.description}
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
 <p>
- You need to wrap your form with the <code>FormProvider</code> component
- for <code>useFormContext</code> to work properly.
+ You need to wrap your form with the{" "}
+ <link to="/api/formprovider">
+ <code>FormProvider</code>
+ </link>{" "}
+ component for <code>useFormContext</code> to work properly.
 </p>
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
diff --git a/src/components/FormStateApi.tsx b/src/components/FormStateApi.tsx
index e66ee6785..aa8a4e4a1 100644
--- a/src/components/FormStateApi.tsx
+++ b/src/components/FormStateApi.tsx
@@ -26,7 +26,7 @@ export const FormStateApi = ({
 <tr>
 {columnIndent && (
 <td>
- <link to={"/api/useform/formstate"}>
+ <link to="/api/useform/formstate">
 <code>formState</code>
 </link>
 </td>
@@ -113,7 +113,7 @@ export const FormStateApi = ({
 <li>
 <p>
 <code>isValid</code> is affected by <code>mode</code> at{" "}
- <link to={"/api/useform"}>useForm</link>. This state is only
+ <link to="/api/useform">useForm</link>. This state is only
 applicable with <code>onChange</code>, <code>onTouched</code>, and{" "}
 <code>onBlur</code> mode.
 </p>
@@ -148,8 +148,8 @@ export const FormStateApi = ({
 </td>
 <td>
 An object with field errors. There is also an{" "}
- <link to={"/api/useformstate/errormessage"}>ErrorMessage</link>{" "}
- component to retrieve error message easily.
+ <link to="/api/useformstate/errormessage">ErrorMessage</link> component
+ to retrieve error message easily.
 </td>
 </tr>
 </strong>
diff --git a/src/components/FormStateTable.tsx b/src/components/FormStateTable.tsx
index 30311cab6..e7cebd962 100644
--- a/src/components/FormStateTable.tsx
+++ b/src/components/FormStateTable.tsx
@@ -6,7 +6,7 @@ import { FormStateApi } from "./FormStateApi"
 
 export default ({ currentLanguage, api }) => (
 <strong>
- <h2 className={typographyStyles.subTitle} id={"return"}>
+ <h2 className={typographyStyles.subTitle} id="return">
 Return
 </h2>
 <div className={tableStyles.tableWrapper}>
diff --git a/src/components/Menu.tsx b/src/components/Menu.tsx
index f0539d6fd..7038fbd92 100644
--- a/src/components/Menu.tsx
+++ b/src/components/Menu.tsx
@@ -42,6 +42,12 @@ const pages = [
 {
 pathname: "/api/useformcontext",
 name: "useFormContext",
+ pages: [
+ {
+ pathname: "/api/formprovider",
+ name: "FormProvider",
+ },
+ ],
 },
 {
 pathname: "/api/usewatch",
@@ -68,8 +74,6 @@ function Menu() {
 const lightMode = state?.setting?.lightMode
 const { pathname } = useLocation()
 
- console.log("pathname", pathname)
-
 return (
 <aside className={`${styles.menu} ${lightMode ? styles.lightMenu : ""}`}>
 <div>
diff --git a/src/components/UseControllerContent.tsx b/src/components/UseControllerContent.tsx
index b905fb846..fe0b03ff0 100644
--- a/src/components/UseControllerContent.tsx
+++ b/src/components/UseControllerContent.tsx
@@ -58,7 +58,7 @@ export default function UseControllerContent({
 
 <usecontrollermethods currentLanguage={currentLanguage} />
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
diff --git a/src/components/UseControllerMethods.tsx b/src/components/UseControllerMethods.tsx
index de847806d..e930b93ff 100644
--- a/src/components/UseControllerMethods.tsx
+++ b/src/components/UseControllerMethods.tsx
@@ -51,14 +51,14 @@ export default ({ currentLanguage, isController }) => {
 This prop update{" "}
 <link to="/api/useform/formstate" - aria-label={"read more about formstate"} + aria-label="read more about formstate">
 formState
 </link>{" "}
 and you should avoid manually invoke{" "}
 <link to="/api/useform/setvalue" - aria-label={"read more about setValue"} + aria-label="read more about setValue">
 setValue
 </link>{" "}
diff --git a/src/components/UseFieldArrayContent.tsx b/src/components/UseFieldArrayContent.tsx
index 3ace97be1..6e4a67527 100644
--- a/src/components/UseFieldArrayContent.tsx
+++ b/src/components/UseFieldArrayContent.tsx
@@ -48,7 +48,7 @@ export default function UseFieldArrayContent({
 </table>
 </div>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -59,7 +59,7 @@ export default function UseFieldArrayContent({
 identifier named <code>id</code> which is used for <code>key</code>{" "}
 prop. For more information why this is required:{" "}
 <a - href="{"https://reactjs.org/docs/lists-and-keys.html#keys"}" + href="https://reactjs.org/docs/lists-and-keys.html#keys" rel="noopener noreferrer">
@@ -157,9 +157,7 @@ append({ firstName: 'bill', lastName: 'luo' }); ✅`}
 <p>
 we do not support circular reference. Refer to this this{" "}
 <a - href="{" - "https://github.com/react-hook-form/react-hook-form/issues/4055" - } + href="https://github.com/react-hook-form/react-hook-form/issues/4055" rel="noopener noreferrer">
@@ -180,7 +178,7 @@ append({ firstName: 'bill', lastName: 'luo' }); ✅`}
 </li>
 </ul>
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
@@ -220,7 +218,7 @@ append({ firstName: 'bill', lastName: 'luo' }); ✅`}
 </p>
 
 <codearea - url={"https://codesandbox.io/s/usefieldarray-virtual-input-v9wyw"} + url="https://codesandbox.io/s/usefieldarray-virtual-input-v9wyw" rawData={`import { useForm, useFieldArray, Controller, useWatch } from "react-hook-form"; const ConditionalInput = ({ control, index, field }) => {
diff --git a/src/components/UseForm.tsx b/src/components/UseForm.tsx
index 5debeeceb..9fcad124d 100644
--- a/src/components/UseForm.tsx
+++ b/src/components/UseForm.tsx
@@ -145,7 +145,7 @@ const { register } = useForm<forminputs>({
 })`}
 />
 
- <h2 id={"props"} className={typographyStyles.subTitle}>
+ <h2 id="props" className={typographyStyles.subTitle}>
 Props
 </h2>
 
@@ -319,7 +319,7 @@ const { register } = useForm<forminputs>({
 <code>
 shouldUnregister:{" "}
 <span className={typographyStyles.typeText}>
- {`boolean = false`}
+ boolean = false
 </span>
 </code>
 </h5>
@@ -334,7 +334,7 @@ const { register } = useForm<forminputs>({
 <code>
 shouldUseNativeValidation:{" "}
 <span className={typographyStyles.typeText}>
- {`boolean = false`}
+ boolean = false
 </span>
 </code>
 </h5>
@@ -367,7 +367,7 @@ const { register } = useForm<forminputs>({
 </li>
 </ul>
 
- <h3 id={"example"} className={typographyStyles.subTitle}>
+ <h3 id="example" className={typographyStyles.subTitle}>
 Examples
 </h3>
 
diff --git a/src/components/UseFormState.tsx b/src/components/UseFormState.tsx
index bc189fdb6..27882a919 100644
--- a/src/components/UseFormState.tsx
+++ b/src/components/UseFormState.tsx
@@ -55,7 +55,7 @@ export default ({ currentLanguage }) => {
 <thead>
 <tr>
 <th>{generic.name[currentLanguage]}</th>
- <th 200px"}">{generic.type[currentLanguage]}</th>
+ <th>{generic.type[currentLanguage]}</th>
 <th>{generic.description[currentLanguage]}</th>
 </tr>
 </thead>
@@ -68,7 +68,7 @@ export default ({ currentLanguage }) => {
 <code className={typographyStyles.typeText}>object</code>
 </td>
 <td>
- <link to={"/api/useform/control"}>
+ <link to="/api/useform/control">
 <code>control</code>
 </link>{" "}
 object provided by <code>useForm</code>. It's optional if
@@ -124,7 +124,7 @@ export default ({ currentLanguage }) => {
 
 <formstatetable currentLanguage={currentLanguage} api={api} />
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -141,13 +141,13 @@ const formState = useFormState(); // ❌ should deconstruct the formState
 `}
 />
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
 <codearea rawData={useFormState} - url={"https://codesandbox.io/s/useformstate-75xly"} + url="https://codesandbox.io/s/useformstate-75xly" />
 
 <starrepo currentLanguage="en" />
diff --git a/src/components/UseWatchContent.tsx b/src/components/UseWatchContent.tsx
index c0f5f9788..b3c640a18 100644
--- a/src/components/UseWatchContent.tsx
+++ b/src/components/UseWatchContent.tsx
@@ -114,7 +114,7 @@ export default function UseFieldArray({
 </table>
 </div>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -130,7 +130,7 @@ export default function UseFieldArray({
 <p>
 The only difference between <code>useWatch</code> and{" "}
 <code>watch</code> is at the root (
- <link to={"/api/useform"}>
+ <link to="/api/useform">
 <code>useForm</code>
 </link>
 ) level or the custom hook level update.
@@ -161,7 +161,7 @@ setValue('example', 'data');
 </li>
 </ul>
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
diff --git a/src/components/V5/ApiWatchV5.tsx b/src/components/V5/ApiWatchV5.tsx
index af20e9c2c..0e85f940b 100644
--- a/src/components/V5/ApiWatchV5.tsx
+++ b/src/components/V5/ApiWatchV5.tsx
@@ -71,7 +71,7 @@ export default function ApiWatch({
 </tr>
 <tr>
 <td>
- <code className={typographyStyles.typeText}>{`string[]`}</code>
+ <code className={typographyStyles.typeText}>string[]</code>
 </td>
 <td>{api.watch.tableTitle.multiple}</td>
 <td>
diff --git a/src/components/ValidationResolver.tsx b/src/components/ValidationResolver.tsx
index c865def29..0150085f5 100644
--- a/src/components/ValidationResolver.tsx
+++ b/src/components/ValidationResolver.tsx
@@ -99,7 +99,7 @@ export default function ({ api }) {
 </table>
 </div>
 
- <h3 id={"schema-rules"} className={typographyStyles.rulesTitle}>
+ <h3 id="schema-rules" className={typographyStyles.rulesTitle}>
 Rules
 </h3>
 
@@ -154,7 +154,7 @@ export default function ({ api }) {
 </li>
 </ul>
 
- <h3 id={"resolver-example"} className={typographyStyles.subTitle}>
+ <h3 id="resolver-example" className={typographyStyles.subTitle}>
 Examples
 </h3>
 
@@ -204,7 +204,7 @@ export default function ({ api }) {
 </a>
 </p>
 
- <h3 id={"schema-rules"} className={typographyStyles.rulesTitle}>
+ <h3 id="schema-rules" className={typographyStyles.rulesTitle}>
 Tip
 </h3>
 
diff --git a/src/components/useForm/ClearErrors.tsx b/src/components/useForm/ClearErrors.tsx
index 7c1634a65..73f8b8f36 100644
--- a/src/components/useForm/ClearErrors.tsx
+++ b/src/components/useForm/ClearErrors.tsx
@@ -32,7 +32,7 @@ export default ({ currentLanguage }) => {
 </code>
 {api.clearError.description}
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
diff --git a/src/components/useForm/Control.tsx b/src/components/useForm/Control.tsx
index f72879f63..8c98bc554 100644
--- a/src/components/useForm/Control.tsx
+++ b/src/components/useForm/Control.tsx
@@ -30,7 +30,7 @@ export default ({ currentLanguage }) => {
 </code>
 {api.control.description}
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
diff --git a/src/components/useForm/FormState.tsx b/src/components/useForm/FormState.tsx
index e8a60a501..64c60365e 100644
--- a/src/components/useForm/FormState.tsx
+++ b/src/components/useForm/FormState.tsx
@@ -25,7 +25,7 @@ export default ({ currentLanguage }) => {
 <section>
 <apiformstate currentLanguage={currentLanguage} api={api} />
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
@@ -45,7 +45,7 @@ export default ({ currentLanguage }) => {
 width="100%"
 height="528"
 title="react hook form formState"
- src={"https://www.youtube.com/embed/4kzd572NbkM"}
+ src="https://www.youtube.com/embed/4kzd572NbkM"
 frameBorder="0"
 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
 allowFullScreen
diff --git a/src/components/useForm/GetFieldState.tsx b/src/components/useForm/GetFieldState.tsx
index 96a320695..8b9fffa4a 100644
--- a/src/components/useForm/GetFieldState.tsx
+++ b/src/components/useForm/GetFieldState.tsx
@@ -170,7 +170,7 @@ getFieldState('firstName') // return updated field error state
 </table>
 </div>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -249,19 +249,19 @@ const { touchedFields } = getFieldState('test', formState); // ✅ formState.tou
 </li>
 </ul>
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
 <codearea rawData={getFieldState} - url={"https://codesandbox.io/s/getfieldstate-jvekk"} + url="https://codesandbox.io/s/getfieldstate-jvekk" />
 
 <starrepo currentLanguage="en" />
 </section>
 
- <footer currentLanguage={"en"} />
+ <footer currentLanguage="en" />
 </main>
 </div>
 </div>
diff --git a/src/components/useForm/GetValues.tsx b/src/components/useForm/GetValues.tsx
index ea0bcc129..6f2a848d8 100644
--- a/src/components/useForm/GetValues.tsx
+++ b/src/components/useForm/GetValues.tsx
@@ -34,7 +34,7 @@ export default ({ currentLanguage }) => {
 
 {api.getValues.description}
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
diff --git a/src/components/useForm/HandleSubmit.tsx b/src/components/useForm/HandleSubmit.tsx
index 28ad3be27..029a40585 100644
--- a/src/components/useForm/HandleSubmit.tsx
+++ b/src/components/useForm/HandleSubmit.tsx
@@ -35,7 +35,7 @@ export default ({ currentLanguage }) => {
 </code>
 {api.handleSubmit.description}
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
@@ -63,7 +63,7 @@ export default ({ currentLanguage }) => {
 width="100%"
 height="528"
 title="react hook form controller build"
- src={"https://www.youtube.com/embed/KzcPKB9SOEk"}
+ src="https://www.youtube.com/embed/KzcPKB9SOEk"
 frameBorder="0"
 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
 allowFullScreen
diff --git a/src/components/useForm/Reset.tsx b/src/components/useForm/Reset.tsx
index e7e3db10f..c2799a7ad 100644
--- a/src/components/useForm/Reset.tsx
+++ b/src/components/useForm/Reset.tsx
@@ -38,7 +38,7 @@ export default ({ currentLanguage }) => {
 
 {api.reset.description}
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
@@ -84,7 +84,7 @@ export default ({ currentLanguage }) => {
 width="100%"
 height="528"
 title="react hook form reset"
- src={"https://www.youtube.com/embed/qmCLBjyPwVk"}
+ src="https://www.youtube.com/embed/qmCLBjyPwVk"
 frameBorder="0"
 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
 allowFullScreen
diff --git a/src/components/useForm/SetError.tsx b/src/components/useForm/SetError.tsx
index 8c0a63591..9edece67e 100644
--- a/src/components/useForm/SetError.tsx
+++ b/src/components/useForm/SetError.tsx
@@ -38,7 +38,7 @@ export default ({ currentLanguage }) => {
 
 {api.setError.description}
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
@@ -77,7 +77,7 @@ export default ({ currentLanguage }) => {
 width="100%"
 height="528"
 title="react hook form setError"
- src={"https://www.youtube.com/embed/raMqvE0YyIY"}
+ src="https://www.youtube.com/embed/raMqvE0YyIY"
 frameBorder="0"
 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
 allowFullScreen
diff --git a/src/components/useForm/SetFocus.tsx b/src/components/useForm/SetFocus.tsx
index c9c7bc32f..6338f521a 100644
--- a/src/components/useForm/SetFocus.tsx
+++ b/src/components/useForm/SetFocus.tsx
@@ -33,7 +33,7 @@ export default ({ currentLanguage }) => {
 
 {api.setFocus.description}
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
diff --git a/src/components/useForm/SetValue.tsx b/src/components/useForm/SetValue.tsx
index 1e51eb661..3607ea3bd 100644
--- a/src/components/useForm/SetValue.tsx
+++ b/src/components/useForm/SetValue.tsx
@@ -36,7 +36,7 @@ export default ({ currentLanguage }) => {
 
 {api.setValue.description}
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
@@ -65,7 +65,7 @@ export default ({ currentLanguage }) => {
 width="100%"
 height="528"
 title="react hook form setValue API"
- src={"https://www.youtube.com/embed/qpv51sCH3fI"}
+ src="https://www.youtube.com/embed/qpv51sCH3fI"
 frameBorder="0"
 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
 allowFullScreen
diff --git a/src/components/useForm/Trigger.tsx b/src/components/useForm/Trigger.tsx
index aaf877a7a..93702c7cc 100644
--- a/src/components/useForm/Trigger.tsx
+++ b/src/components/useForm/Trigger.tsx
@@ -34,7 +34,7 @@ export default ({ currentLanguage }) => {
 </code>
 {api.trigger.description}
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -45,7 +45,7 @@ export default ({ currentLanguage }) => {
 re-render the entire formState.
 </p>
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
@@ -65,7 +65,7 @@ export default ({ currentLanguage }) => {
 width="100%"
 height="528"
 title="react hook form trigger API"
- src={"https://www.youtube.com/embed/-bcyJCDjksE"}
+ src="https://www.youtube.com/embed/-bcyJCDjksE"
 frameBorder="0"
 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
 allowFullScreen
diff --git a/src/components/useForm/UnRegister.tsx b/src/components/useForm/UnRegister.tsx
index 330626234..215590f87 100644
--- a/src/components/useForm/UnRegister.tsx
+++ b/src/components/useForm/UnRegister.tsx
@@ -37,7 +37,7 @@ export default ({ currentLanguage }) => {
 
 {api.unregister.description}
 
- <h2 id={"options"} className={typographyStyles.subTitle}>
+ <h2 id="options" className={typographyStyles.subTitle}>
 Options
 </h2>
 
@@ -185,7 +185,7 @@ export default ({ currentLanguage }) => {
 </table>
 </div>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -230,7 +230,7 @@ const onClick = () => {
 </li>
 </ul>
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
@@ -250,7 +250,7 @@ const onClick = () => {
 width="100%"
 height="528"
 title="react hook form controller build"
- src={"https://www.youtube.com/embed/TM99g_NW5Gk"}
+ src="https://www.youtube.com/embed/TM99g_NW5Gk"
 frameBorder="0"
 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
 allowFullScreen
diff --git a/src/components/useForm/resetField.tsx b/src/components/useForm/resetField.tsx
index 8f7780ff1..2acf82790 100644
--- a/src/components/useForm/resetField.tsx
+++ b/src/components/useForm/resetField.tsx
@@ -157,7 +157,7 @@ export default ({ currentLanguage }) => {
 </table>
 </div>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -175,7 +175,7 @@ resetField('non-existent-name'); // ❌ failed by input not found
 </li>
 </ul>
 
- <h2 id={"example"} className={typographyStyles.subTitle}>
+ <h2 id="example" className={typographyStyles.subTitle}>
 Examples
 </h2>
 
@@ -203,7 +203,7 @@ resetField('non-existent-name'); // ❌ failed by input not found
 width="100%"
 height="528"
 title="react hook form controller build"
- src={"https://www.youtube.com/embed/IdLFcNaEFEo"}
+ src="https://www.youtube.com/embed/IdLFcNaEFEo"
 frameBorder="0"
 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
 allowFullScreen
diff --git a/src/components/v6/ApiWatchV6.tsx b/src/components/v6/ApiWatchV6.tsx
index 2eb48f5c7..59ba286eb 100644
--- a/src/components/v6/ApiWatchV6.tsx
+++ b/src/components/v6/ApiWatchV6.tsx
@@ -81,12 +81,12 @@ export default function ApiWatch({
 <code>watch('inputName', 'value')</code>
 </td>
 <td>
- <code className={typographyStyles.typeText}>{`any`}</code>
+ <code className={typographyStyles.typeText}>any</code>
 </td>
 </tr>
 <tr>
 <td>
- <code className={typographyStyles.typeText}>{`string[]`}</code>
+ <code className={typographyStyles.typeText}>string[]</code>
 </td>
 <td>{api.watch.tableTitle.multiple}</td>
 <td>
diff --git a/src/data/V5/en/api.tsx b/src/data/V5/en/api.tsx
index dbd0a94eb..7ae39a836 100644
--- a/src/data/V5/en/api.tsx
+++ b/src/data/V5/en/api.tsx
@@ -410,7 +410,7 @@ export default {
 adopted and allows better support for types..
 </p>
 <p>
- <code>{`errors?.yourDetail?.firstName;`}</code>
+ <code>errors?.yourDetail?.firstName;</code>
 </p>
 </li>
 <li>
diff --git a/src/data/V5/es/api.tsx b/src/data/V5/es/api.tsx
index 4cec5beae..8f5e88426 100644
--- a/src/data/V5/es/api.tsx
+++ b/src/data/V5/es/api.tsx
@@ -473,7 +473,7 @@ export default {
 tableTitle: {
 single: (
 <strong>
- Observa el valor de entrada por nombre (similar a la función {""}
+ Observa el valor de entrada por nombre (similar a la función
 <a rel="noreferrer noopener" @@ -887,7 +887,7 @@ export default { <p>
 Form context está destinado a resolver el problema cuando hay inputs
 anidados profundamente en el árbol de componentes y pasar métodos hasta
- el fondo como {""}
+ el fondo como
 <code>propiedades</code>se vuelve tedioso.
 </p>
 ),
@@ -964,7 +964,7 @@ export default {
 <p>
 El siguiente ejemplo muestra cómo puedes aprovechar la validación
 nativa del navegador. Solo necesitas establecer{" "}
- <code>nativeValidation</code> en {""}
+ <code>nativeValidation</code> en
 <code>true</code> y el resto de la sintaxis es la misma que la
 validación estándar.
 </p>
diff --git a/src/data/V5/jp/api.tsx b/src/data/V5/jp/api.tsx
index 8727233bb..1a41b1a68 100644
--- a/src/data/V5/jp/api.tsx
+++ b/src/data/V5/jp/api.tsx
@@ -424,7 +424,7 @@ export default {
 はコミュニティの間でより一般的になり、型のサポートが向上するため。
 </p>
 <p>
- <code>{`errors?.yourDetail?.firstName;`}</code>
+ <code>errors?.yourDetail?.firstName;</code>
 </p>
 </li>
 <li>
diff --git a/src/data/V5/kr/api.tsx b/src/data/V5/kr/api.tsx
index 2971ff814..c913b60cd 100644
--- a/src/data/V5/kr/api.tsx
+++ b/src/data/V5/kr/api.tsx
@@ -396,7 +396,7 @@ export default {
 알려졌고, 더 나은 타입 지원을 합니다.
 </p>
 <p>
- <code>{`errors?.yourDetail?.firstName;`}</code>
+ <code>errors?.yourDetail?.firstName;</code>
 </p>
 </li>
 <li>
diff --git a/src/data/V5/pt/api.tsx b/src/data/V5/pt/api.tsx
index 1f3bc8580..c7b3c89b9 100644
--- a/src/data/V5/pt/api.tsx
+++ b/src/data/V5/pt/api.tsx
@@ -414,7 +414,7 @@ export default {
 mais popular entre a comunidade e para dar melhor suporte a tipo.
 </p>
 <p>
- <code>{`errors?.yourDetail?.firstName;`}</code>
+ <code>errors?.yourDetail?.firstName;</code>
 </p>
 </li>
 <li>
diff --git a/src/data/V5/ru/api.tsx b/src/data/V5/ru/api.tsx
index 62a558d9f..8a7749105 100644
--- a/src/data/V5/ru/api.tsx
+++ b/src/data/V5/ru/api.tsx
@@ -415,7 +415,7 @@ export default {
 всё более популярным в сообществе и для поддержки лучшего типа.
 </p>
 <p>
- <code>{`errors?.yourDetail?.firstName;`}</code>
+ <code>errors?.yourDetail?.firstName;</code>
 </p>
 </li>
 <li>
diff --git a/src/data/V5/zh/api.tsx b/src/data/V5/zh/api.tsx
index 78aee8560..45ffa73ba 100644
--- a/src/data/V5/zh/api.tsx
+++ b/src/data/V5/zh/api.tsx
@@ -401,7 +401,7 @@ export default {
 在社区中流行并支持更好的type。
 </p>
 <p>
- <code>{`errors?.yourDetail?.firstName;`}</code>
+ <code>errors?.yourDetail?.firstName;</code>
 </p>
 </li>
 <li>
diff --git a/src/data/V6/en/advanced.tsx b/src/data/V6/en/advanced.tsx
index 98a192234..b2e150cba 100644
--- a/src/data/V6/en/advanced.tsx
+++ b/src/data/V6/en/advanced.tsx
@@ -86,7 +86,7 @@ export default {
 <code>undefined</code>.
 </p>
 <p>
- <code>{`errors?.firstName?.message`}</code>
+ <code>errors?.firstName?.message</code>
 </p>
 </strong>
 ),
@@ -520,7 +520,7 @@ export default {
 .
 </p>
 
- <codearea rawData={"npm install -D @testing-library/jest-dom"} />
+ <codearea rawData="npm install -D @testing-library/jest-dom" />
 
 <p>
 Create <code>setup.js</code> to import{" "}
@@ -624,7 +624,7 @@ export default {
 an extra plug-in to make this possible.
 </p>
 
- <codearea rawData={"npm install @hookform/strictly-typed"} />
+ <codearea rawData="npm install @hookform/strictly-typed" />
 
 <p>
 We will have to wrap our inputs with <code>TypedController</code> and
diff --git a/src/data/V6/en/api.tsx b/src/data/V6/en/api.tsx
index 0e3c2e081..4efe98f4a 100644
--- a/src/data/V6/en/api.tsx
+++ b/src/data/V6/en/api.tsx
@@ -1026,8 +1026,8 @@ setValue('yourDetails', { firstName: 'value' }); // less performant `}
 Name of the field.{" "}
 <strong className={typographyStyles.note}>Important: </strong> make
 sure name is in object shape:{" "}
- <code>name={`test[index].name`}</code> as we don't support
- flat arrays.
+ <code>name=test[index].name</code> as we don't support flat
+ arrays.
 </p>
 </td>
 </tr>
diff --git a/src/data/V6/es/api.tsx b/src/data/V6/es/api.tsx
index 33c8c9415..c052dec5b 100644
--- a/src/data/V6/es/api.tsx
+++ b/src/data/V6/es/api.tsx
@@ -456,7 +456,7 @@ export default {
 tableTitle: {
 single: (
 <strong>
- Observa el valor de entrada por nombre (similar a la función {""}
+ Observa el valor de entrada por nombre (similar a la función
 <a rel="noreferrer noopener" @@ -886,7 +886,7 @@ export default { <p>
 Form context está destinado a resolver el problema cuando hay inputs
 anidados profundamente en el árbol de componentes y pasar métodos hasta
- el fondo como {""}
+ el fondo como
 <code>propiedades</code> se vuelve tedioso.
 </p>
 ),
diff --git a/src/data/V6/jp/api.tsx b/src/data/V6/jp/api.tsx
index 695e58208..107991522 100644
--- a/src/data/V6/jp/api.tsx
+++ b/src/data/V6/jp/api.tsx
@@ -753,7 +753,7 @@ export default {
 。 React要素を返し、次の機能を提供する関数
 イベントと値をコンポーネントにアタッチします。これにより、
 非標準の小道具で外部制御コンポーネントと統合する 名前:
- <code>onChange</code>、<code>onBlur</code>および{""}
+ <code>onChange</code>、<code>onBlur</code>および
 <code>value</code>。
 <codearea withOutCopy diff --git a/src/data/V6/pt/api.tsx b/src/data/V6/pt/api.tsx index 388897381..71b6355c6 100644 --- a/src/data/V6/pt/api.tsx +++ b/src/data/V6/pt/api.tsx @@ -714,8 +714,8 @@ export default { </td>
 
 <td>
- O controlador injeta <code>onChange</code>, <code>onBlur</code> {""}
- e <code>value</code> adota o componente.
+ O controlador injeta <code>onChange</code>, <code>onBlur</code>e{" "}
+ <code>value</code> adota o componente.
 <codearea withOutCopy url="https://codesandbox.io/s/react-hook-form-v6-controller-ts-4dpm9" diff --git a/src/data/V6/ru/api.tsx b/src/data/V6/ru/api.tsx index 631cae966..280cb8c19 100644 --- a/src/data/V6/ru/api.tsx +++ b/src/data/V6/ru/api.tsx @@ -720,7 +720,6 @@ export default {>
 this short video
 </a>{" "}
- {""}
 сравнить контролируемый и неконтролируемый массив полей.
 </p>
 
@@ -788,14 +787,13 @@ export default {
 <ul>
 <li>
 <p>
- Вы можете заполнить поля, указав {""}
+ Вы можете заполнить поля, указав
 <code>defaultValues</code> в ловушке <code>useForm</code>.
 </p>
 </li>
 <li>
 <p>
 убедитесь, что вы присвоили <code>id</code> из <code>fields</code>{" "}
- {""}
 объект как ключ компонента.
 </p>
 </li>
@@ -834,9 +832,9 @@ React.useEffect(() => {
 />
 </li>
 <li>
- <strong> важно </strong> подать заявку {""}
- <code>{`ref = {register ()}`}</code> вместо {""}
- <code>{`ref = {register}`}</code> при работе с {""}
+ <strong> важно </strong> подать заявку
+ <code>{`ref = {register ()}`}</code> вместо
+ <code>{`ref = {register}`}</code> при работе с
 <code>useFieldArray</code>, поэтому будет вызван{" "}
 <code>register</code>
 во время <code>map</code>.
@@ -1330,7 +1328,7 @@ validate: (value) => value === getValues('firstName');"
 <ul>
 <li>
 <p>
- убедитесь, что вы возвращаете объект, который содержит {""}
+ убедитесь, что вы возвращаете объект, который содержит
 <code>values ​​</code> и <code>error</code> и их значения по
 умолчанию значение должно быть <code>{`{}`}</code>.
 </p>
@@ -1346,7 +1344,6 @@ validate: (value) => value === getValues('firstName');"
 <li>
 <p>
 эта функция будет кэшироваться внутри пользовательского хука, а{" "}
- {""}
 <code>context</code> - это изменяемый объект, который можно
 изменить каждый рендер.
 </p>
diff --git a/src/data/V6/ts.tsx b/src/data/V6/ts.tsx
index 7c28bc3e3..8a774f531 100644
--- a/src/data/V6/ts.tsx
+++ b/src/data/V6/ts.tsx
@@ -96,7 +96,7 @@ errors?.key4?.message // no type error`}
 title: "Resolver",
 description: (
 <codearea - url={"https://codesandbox.io/s/react-hook-form-resolver-juwui"} + url="https://codesandbox.io/s/react-hook-form-resolver-juwui" rawData={`import React from 'react'; import { useForm, Resolver } from 'react-hook-form'; @@ -192,7 +192,7 @@ export default function App() { title: "UseFormMethods", description: ( <codearea - url={"https://codesandbox.io/s/react-hook-form-useformmethods-mycp2"} + url="https://codesandbox.io/s/react-hook-form-useformmethods-mycp2" rawData={`import { useForm, UseFormMethods, SubmitHandler } from "react-hook-form"; type InputProps = React.DetailedHTMLProps< @@ -380,7 +380,7 @@ export default function App() { fieldValues: { title: "FieldValues", description: ( - <codearea rawData={`export type FieldValues = Record<string, any>;`} />
+ <codearea rawData="export type FieldValues = Record<string, any>;" />
 ),
 },
 mode: {
diff --git a/src/data/V6/zh/api.tsx b/src/data/V6/zh/api.tsx
index d0f4ba3dd..89a4a291d 100644
--- a/src/data/V6/zh/api.tsx
+++ b/src/data/V6/zh/api.tsx
@@ -1059,7 +1059,7 @@ export default {
 <strong>
 表单项名称。
 <strong className={typographyStyles.note}>重要:</strong>{" "}
- 确保名称为对象键结构: <code>name={`test[index].name`}</code>{" "}
+ 确保名称为对象键结构: <code>name=test[index].name</code>{" "}
 因为我们不支持扁平数组。
 </strong>
 </td>
diff --git a/src/data/en/advanced.tsx b/src/data/en/advanced.tsx
index e61264585..0a7a8b204 100644
--- a/src/data/en/advanced.tsx
+++ b/src/data/en/advanced.tsx
@@ -81,7 +81,7 @@ export default {
 <code>undefined</code>.
 </p>
 <p>
- <code>{`errors?.firstName?.message`}</code>
+ <code>errors?.firstName?.message</code>
 </p>
 </strong>
 ),
@@ -430,7 +430,7 @@ export default {
 .
 </p>
 
- <codearea rawData={"npm install -D @testing-library/jest-dom"} />
+ <codearea rawData="npm install -D @testing-library/jest-dom" />
 
 <p>
 Create <code>setup.js</code> to import{" "}
diff --git a/src/data/en/api.tsx b/src/data/en/api.tsx
index 25f6efd83..c95f86424 100644
--- a/src/data/en/api.tsx
+++ b/src/data/en/api.tsx
@@ -121,7 +121,7 @@ export default {
 . You can pass <code>defaultValues</code> as an optional argument to{" "}
 <code>useForm()</code> to populate the default values for the entire
 form, or set values on an individual{" "}
- <link to={"/api/usecontroller/controller"}>Controller</link> component
+ <link to="/api/usecontroller/controller">Controller</link> component
 via its <code>defaultValue</code> property. If both{" "}
 <code>defaultValue</code> and <code>defaultValues</code> are set, the
 value from <code>defaultValues</code> will be used.
@@ -157,16 +157,16 @@ export default {
 <code>defaultValues</code> are cached{" "}
 <strong>on the first render</strong> within the custom hook. If
 you want to reset the <code>defaultValues</code>, you should use
- the <link to={"/api/useform/reset"}>reset</link> api.
+ the <link to="/api/useform/reset">reset</link> api.
 </p>
 </li>
 <li>
 <p>
 <code>defaultValues</code> will be injected into{" "}
- <link to={"/api/useform/watch"}>watch</link>,{" "}
- <link to={"/api/usewatch"}>useWatch</link>,{" "}
- <link to={"/api/usecontroller/controller"}>Controller</link> and{" "}
- <link to={"/api/usecontroller"}>useController</link>'s{" "}
+ <link to="/api/useform/watch">watch</link>,{" "}
+ <link to="/api/usewatch">useWatch</link>,{" "}
+ <link to="/api/usecontroller/controller">Controller</link> and{" "}
+ <link to="/api/usecontroller">useController</link>'s{" "}
 <code>defaultValue</code>.
 </p>
 </li>
@@ -485,7 +485,7 @@ const App = () => {
 <code>name</code>
 </td>
 <td>
- <code className={typographyStyles.typeText}>{`string`}</code>
+ <code className={typographyStyles.typeText}>string</code>
 </td>
 <td>
 <p>Input's name being registered.</p>
@@ -514,15 +514,15 @@ const App = () => {
 You can also <code>register</code> inputs with{" "}
 <code>useEffect</code> and treat them as virtual inputs. For
 controlled components, we provide a custom hook{" "}
- <link to={"/api/usecontroller"}>useController</link> and{" "}
- <link to={"/api/usecontroller/controller"}>Controller</link>{" "}
- component to take care this process for you.
+ <link to="/api/usecontroller">useController</link> and{" "}
+ <link to="/api/usecontroller/controller">Controller</link> component
+ to take care this process for you.
 </p>
 
 <p>
 If you choose to manually register fields, you will need to update
 the input value with{" "}
- <link to={"/api/useform/setvalue"}>setValue</link>.
+ <link to="/api/useform/setvalue">setValue</link>.
 </p>
 
 <codearea @@ -758,7 +758,7 @@ setValue('test', '') </p>
 <p>
 <strong className={typographyStyles.note}>Note:</strong> You can use the{" "}
- <link to={"/api/useformstate/errormessage"}>ErrorMessage</link>{" "}
+ <link to="/api/useformstate/errormessage">ErrorMessage</link>{" "}
 component to help display your error states
 </p>
 </strong>
@@ -835,7 +835,7 @@ setValue('test', '')
 </table>
 </div>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 <ul>
@@ -995,10 +995,8 @@ handleSubmit(async (data) => await fetchAPI(data))`}
 remained, and only none dirty fields will be updated to the
 latest rest value.{" "}
 <a - href="{" - "https://codesandbox.io/s/react-keepdirtyvalues-o8to91" - } - + href="https://codesandbox.io/s/react-keepdirtyvalues-o8to91" + rel="noreferrer">
 Check out the example.
@@ -1112,7 +1110,7 @@ handleSubmit(async (data) => await fetchAPI(data))`}
 </table>
 </div>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -1131,9 +1129,7 @@ handleSubmit(async (data) => await fetchAPI(data))`}
 <a rel="noopener noreferrer" - href="{" - "https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset" - } + href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset">
 reset
 </a>{" "}
@@ -1179,7 +1175,7 @@ handleSubmit(async (data) => await fetchAPI(data))`}
 <tbody>
 <tr>
 <th>Name</th>
- <th 200px"}">Type</th>
+ <th>Type</th>
 <th>Description</th>
 </tr>
 <tr>
@@ -1225,7 +1221,7 @@ handleSubmit(async (data) => await fetchAPI(data))`}
 </table>
 </div>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -1351,7 +1347,7 @@ clearErrors('test.firstName'); // for clear single input error
 </li>
 </ul>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -1412,11 +1408,11 @@ clearErrors('test.firstName'); // for clear single input error
 <li>
 <p>
 You can use methods such as{" "}
- <link to={"/api/usefieldarray#replace"}>
+ <link to="/api/usefieldarray#replace">
 <code>replace</code>
 </link>{" "}
 or{" "}
- <link to={"/api/usefieldarray#update"}>
+ <link to="/api/usefieldarray#update">
 <code>update</code>
 </link>{" "}
 for field array, however, they will cause the
@@ -1584,7 +1580,7 @@ replace([{data: 'test'}])
 </table>
 </div>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -1627,7 +1623,7 @@ setValue('nestedValue', { test: 'updatedData' } ); // ✅ setValue find input an
 </p>
 <p>
 <strong className={typographyStyles.note}>Important: </strong> use{" "}
- <link to={"/api/usefieldarray#replace"}>
+ <link to="/api/usefieldarray#replace">
 <code>replace</code>
 </link>{" "}
 from <code>useFieldArray</code> instead, update entire field array
@@ -1756,7 +1752,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 </table>
 </div>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -1957,7 +1953,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 <td>
 <p>
 The same validation <code>rules</code> API as for{" "}
- <link to={"/api/useform/register"}>register</link>, which
+ <link to="/api/useform/register">register</link>, which
 includes:
 </p>
 <p>required, minLength, maxLength, validate</p>
@@ -1992,10 +1988,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 </table>
 </div>
 
- <h3 - id={"shouldUnregister-example"} - className={typographyStyles.subTitle} ->
+ <h3 id="shouldUnregister-example" className={typographyStyles.subTitle}>
 Examples
 </h3>
 
@@ -2020,12 +2013,12 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 </tr>
 <tr>
 <td>
- <code id={"append"}>append</code>
+ <code id="append">append</code>
 </td>
 <td>
 <code>
 <code className={typographyStyles.typeText}>
- (obj: object &#124; object[], {`focusOptions`}) =&gt; void
+ (obj: object &#124; object[], focusOptions) =&gt; void
 </code>
 </code>
 </td>
@@ -2042,11 +2035,11 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 </tr>
 <tr>
 <td>
- <code id={"prepend"}>prepend</code>
+ <code id="prepend">prepend</code>
 </td>
 <td>
 <code className={typographyStyles.typeText}>
- (obj: object &#124; object[], {`focusOptions`}) =&gt; void
+ (obj: object &#124; object[], focusOptions) =&gt; void
 </code>
 </td>
 <td>
@@ -2062,7 +2055,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 </tr>
 <tr>
 <td>
- <code id={"insert"}>insert</code>
+ <code id="insert">insert</code>
 </td>
 <td>
 <code className={typographyStyles.typeText}>
@@ -2079,7 +2072,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 </tr>
 <tr>
 <td>
- <code id={"swap"}>swap</code>
+ <code id="swap">swap</code>
 </td>
 <td>
 <code>
@@ -2092,7 +2085,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 </tr>
 <tr>
 <td>
- <code id={"move"}>move</code>
+ <code id="move">move</code>
 </td>
 <td>
 <code>
@@ -2105,7 +2098,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 </tr>
 <tr>
 <td>
- <code id={"update"}>update</code>
+ <code id="update">update</code>
 </td>
 <td>
 <code>
@@ -2132,7 +2125,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 </tr>
 <tr>
 <td>
- <code id={"replace"}>replace</code>
+ <code id="replace">replace</code>
 </td>
 <td>
 <code>
@@ -2145,7 +2138,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 </tr>
 <tr>
 <td>
- <code id={"remove"}>remove</code>
+ <code id="remove">remove</code>
 </td>
 <td>
 <code>
@@ -2210,10 +2203,8 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 <li>
 <p>
 <a - href="{" - "https://codesandbox.io/s/react-hook-form-v7-controller-5h1q5" - } - + href="https://codesandbox.io/s/react-hook-form-v7-controller-5h1q5" + rel="noreferrer">
 MUI and other components
@@ -2223,8 +2214,8 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 <li>
 <p>
 <a - href="{"https://codesandbox.io/s/chakra-ui-5mp8g"}" - + href="https://codesandbox.io/s/chakra-ui-5mp8g" + rel="noreferrer">
 Chakra UI components
@@ -2275,7 +2266,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 <code>name</code>
 </td>
 <td>
- <link to="/ts#FieldPath" title={"FieldPath type"}>
+ <link to="/ts#FieldPath" title="FieldPath type">
 <code className={typographyStyles.typeText}>FieldPath</code>
 </link>
 </td>
@@ -2285,13 +2276,13 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 <tr>
 <td>control</td>
 <td>
- <link to={"/ts#Control"} title={"Control type"}>
+ <link to="/ts#Control" title="Control type">
 <code className={typographyStyles.typeText}>Control</code>
 </link>
 </td>
 
 <td>
- <link to={"/api/useform/control"}>
+ <link to="/api/useform/control">
 <code>control</code>
 </link>{" "}
 object is from invoking <code>useForm</code>. Optional when using{" "}
@@ -2419,7 +2410,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 <td>
 <p>
 Validation rules in the same format for{" "}
- <link to={"/api/useform/register#options"}>
+ <link to="/api/useform/register#options">
 <code>register</code> options
 </link>
 , which includes:
@@ -2508,7 +2499,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 Hook Form.
 </p>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
@@ -2644,7 +2635,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 <code>name</code>
 </td>
 <td>
- <link to="/ts#FieldPath" title={"FieldPath type"}>
+ <link to="/ts#FieldPath" title="FieldPath type">
 <code className={typographyStyles.typeText}>FieldPath</code>
 </link>
 </td>
@@ -2656,13 +2647,13 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 <code>control</code>
 </td>
 <td>
- <link to={"/ts#Control"} title={"Control type"}>
+ <link to="/ts#Control" title="Control type">
 <code className={typographyStyles.typeText}>Control</code>
 </link>
 </td>
 
 <td>
- <link to={"/api/useform/control"}>
+ <link to="/api/useform/control">
 <code>control</code>
 </link>{" "}
 object provided by invoking <code>useForm</code>. Optional when
@@ -2793,9 +2784,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
 </p>
 
 <codearea - url={ - "https://codesandbox.io/s/usecontroller-own-state-wncet2?file=/src/App.tsx" - } + url="https://codesandbox.io/s/usecontroller-own-state-wncet2?file=/src/App.tsx" rawData={`const { field } = useController(); const [value, setValue] = useState(field.value); @@ -2842,7 +2831,7 @@ const { field: checkbox } = useController({ name: 'test1' }) <strong>
 <p>
 This custom hook powers{" "}
- <link to={"/api/usecontroller/controller"}>
+ <link to="/api/usecontroller/controller">
 <code>Controller</code>
 </link>
 . Additionally, it shares the same props and methods as{" "}
@@ -2908,7 +2897,7 @@ setFocus("name", { shouldSelect: true })
 </table>
 </div>
 
- <h2 id={"rules"} className={typographyStyles.rulesTitle}>
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
 Rules
 </h2>
 
diff --git a/src/data/en/faq.tsx b/src/data/en/faq.tsx
index 785a66842..ebf2e3717 100644
--- a/src/data/en/faq.tsx
+++ b/src/data/en/faq.tsx
@@ -619,7 +619,7 @@ export default {
 install <code>@babel/runtime-corejs3</code> as well.
 </p>
 
- <codearea rawData={`npm i @babel/runtime-corejs3`} />
+ <codearea rawData="npm i @babel/runtime-corejs3" />
 <p>If you encounter: </p>
 <blockquote>
 {" "}
diff --git a/src/data/es/advanced.tsx b/src/data/es/advanced.tsx
index 1138b1895..36ae81d7d 100644
--- a/src/data/es/advanced.tsx
+++ b/src/data/es/advanced.tsx
@@ -82,7 +82,7 @@ export default {
 <code>undefined</code>.
 </p>
 <p>
- <code>{`errors?.firstName?.message`}</code>
+ <code>errors?.firstName?.message</code>
 </p>
 </strong>
 ),
@@ -142,7 +142,7 @@ export default {
 <codearea rawData={accessibleCodeFinal} />
 
 <p>
- Luego de esta mejora, el lector de pantalla dirá: {""}
+ Luego de esta mejora, el lector de pantalla dirá:
 <em> "Nombre, edición, entrada no válida, esto es obligatorio". </em>
 </p>
 </strong>
@@ -253,7 +253,7 @@ export default {
 </div>
 
 <p>
- La responsabilidad de los componentes Input es registrarse en {""}
+ La responsabilidad de los componentes Input es registrarse en
 <code>react-hook-form</code>.
 </p>
 <codearea @@ -276,10 +276,9 @@ export default { <p>
 Cuando creamos formularios, hay momentos en que nuestros inputs están
 dentro de árboles de componentes profundamente anidados, y ahí es cuando{" "}
- {""}
 <a href="/index.cgi/contrast/https://github.com/api#useFormContext">FormContext</a> resulta útil. Sin embargo,
 podemos mejorar aún más la experiencia del desarrollador creando un
- componente {""} <code>ConnectForm</code> y aprovechando{" "}
+ componente <code>ConnectForm</code> y aprovechando{" "}
 <a href="https://reactjs.org/docs/render-props.html">renderProps</a> de
 React. El beneficio de este componente es que puede conectar tus inputs
 con React Hook Form desde cualquier lugar.
@@ -408,7 +407,7 @@ export default {
 .
 </p>
 
- <codearea rawData={"npm install -D mutationobserver-shim"} />
+ <codearea rawData="npm install -D mutationobserver-shim" />
 
 <p>
 Crear <code>setup.js</code> para importar{" "}
diff --git a/src/data/es/api.tsx b/src/data/es/api.tsx
index b2aa0cb18..78e8a4629 100644
--- a/src/data/es/api.tsx
+++ b/src/data/es/api.tsx
@@ -456,7 +456,7 @@ export default {
 tableTitle: {
 single: (
 <strong>
- Observa el valor de entrada por nombre (similar a la función {""}
+ Observa el valor de entrada por nombre (similar a la función
 <a rel="noreferrer noopener" @@ -887,7 +887,7 @@ export default { <p>
 Form context está destinado a resolver el problema cuando hay inputs
 anidados profundamente en el árbol de componentes y pasar métodos hasta
- el fondo como {""}
+ el fondo como
 <code>propiedades</code> se vuelve tedioso.
 </p>
 ),
diff --git a/src/data/es/faq.tsx b/src/data/es/faq.tsx
index 39290e2be..1ca047d82 100644
--- a/src/data/es/faq.tsx
+++ b/src/data/es/faq.tsx
@@ -25,7 +25,7 @@ export default {
 ocurren debido a la escritura del usuario o al cambio de valores. El
 montaje de componentes en la página también es mucho más rápido porque
 son no controlados. Para la velocidad de montaje, realicé una prueba
- rápida de comparación a la que puedes acceder desde {""}
+ rápida de comparación a la que puedes acceder desde
 <a href="https://github.com/bluebill1049/react-hook-form-performance-compare" diff --git a/src/data/es/getStarted.tsx b/src/data/es/getStarted.tsx index 322f87a64..468a99c0d 100644 --- a/src/data/es/getStarted.tsx +++ b/src/data/es/getStarted.tsx @@ -157,7 +157,7 @@ export default { <p>
 Los componentes controlados no exponen una prop para registrar, por
- ejemplo{""}
+ ejemplo
 <code>react-select</code> o <code>react-datepicker</code>.
 </p>
 <p>
diff --git a/src/data/es/migrateV5ToV6.tsx b/src/data/es/migrateV5ToV6.tsx
index 2555736a5..d198a490a 100644
--- a/src/data/es/migrateV5ToV6.tsx
+++ b/src/data/es/migrateV5ToV6.tsx
@@ -10,7 +10,7 @@ export default (
 Estos son los cambios importantes que necesitaría ajustar. Esperamos
 sinceramente esos cambios no están creando demasiados problemas para su
 base de código. Si tu se preguntan algunos de los fundamentos, puede echar
- un vistazo a este {""}
+ un vistazo a este
 <a href="https://github.com/react-hook-form/react-hook-form/pull/1471" @@ -66,7 +66,7 @@ export default ( <h2>validationSchema: </h2>
 </code>
 <p>
- <code>validationSchema</code> ha sido reemplazado por el estándar {""}
+ <code>validationSchema</code> ha sido reemplazado por el estándar
 <code>resolver</code>, y puede usar Yup, Joi y Superstruct en el
 momento. Tenemos una biblioteca oficial de resolución para soportar más
 esquemas validación en el futuro.
diff --git a/src/data/generic.tsx b/src/data/generic.tsx
index 55b2cc83d..93a2e26bf 100644
--- a/src/data/generic.tsx
+++ b/src/data/generic.tsx
@@ -343,7 +343,7 @@ export default {
 control: {
 en: (
 <strong>
- <link to={"/api/useform/control"}>
+ <link to="/api/useform/control">
 <code>control</code>
 </link>{" "}
 object provided by <code>useForm</code>. It's optional if you are using
diff --git a/src/data/home.tsx b/src/data/home.tsx
index a78003846..93b2995d0 100644
--- a/src/data/home.tsx
+++ b/src/data/home.tsx
@@ -738,7 +738,7 @@ export default {
 El siguiente formulario muestra la validación de formularios. Cada
 columna representa lo que se ha capturado en el hook personalizado.
 Puedes cambiar los campos en el formulario haciendo click en{" "}
- <strong> EDIT </strong> {""}.
+ <strong> EDIT </strong> .
 </strong>
 ),
 submit: "Enviar",
diff --git a/src/data/jp/advanced.tsx b/src/data/jp/advanced.tsx
index 417d32763..66da93152 100644
--- a/src/data/jp/advanced.tsx
+++ b/src/data/jp/advanced.tsx
@@ -104,7 +104,7 @@ export default {
 <code>errors</code> オブジェクトを読み取ることができます。
 </p>
 <p>
- <code>{`errors?.firstName?.message`}</code>
+ <code>errors?.firstName?.message</code>
 </p>
 </strong>
 ),
@@ -415,7 +415,7 @@ export default {
 は必要ありません。
 </p>
 
- <codearea rawData={"npm install -D @testing-library/jest-dom"} />
+ <codearea rawData="npm install -D @testing-library/jest-dom" />
 
 <p>
 そして{" "}
diff --git a/src/data/jp/api.tsx b/src/data/jp/api.tsx
index 4a7a46912..01ab1661c 100644
--- a/src/data/jp/api.tsx
+++ b/src/data/jp/api.tsx
@@ -754,7 +754,7 @@ export default {
 。 React要素を返し、次の機能を提供する関数
 イベントと値をコンポーネントにアタッチします。これにより、
 非標準の小道具で外部制御コンポーネントと統合する 名前:
- <code>onChange</code>、<code>onBlur</code>および{""}
+ <code>onChange</code>、<code>onBlur</code>および
 <code>value</code>。
 <codearea withOutCopy diff --git a/src/data/kr/advanced.tsx b/src/data/kr/advanced.tsx index f3f308ae2..1a7576cbe 100644 --- a/src/data/kr/advanced.tsx +++ b/src/data/kr/advanced.tsx @@ -79,7 +79,7 @@ export default { 발생할 걱정을 하지 않고 객체의 속성에 접근할 수 있습니다. </p>
 <p>
- <code>{`errors?.firstName?.message`}</code>
+ <code>errors?.firstName?.message</code>
 </p>
 </strong>
 ),
@@ -408,7 +408,7 @@ export default {
 를 설치할 필요가 없습니다.
 </p>
 
- <codearea rawData={"npm install -D @testing-library/jest-dom"} />
+ <codearea rawData="npm install -D @testing-library/jest-dom" />
 
 <p>
 <code>setup.js</code> 파일을 만들어{" "}
diff --git a/src/data/kr/getStarted.tsx b/src/data/kr/getStarted.tsx
index 09bcdabad..adaa8435a 100644
--- a/src/data/kr/getStarted.tsx
+++ b/src/data/kr/getStarted.tsx
@@ -159,11 +159,11 @@ export default {
 </p>
 
 <p>
- 제어 된 구성 요소는 등록 할 소품을 노출하지 않습니다 (예 : {""}).
+ 제어 된 구성 요소는 등록 할 소품을 노출하지 않습니다 (예 : ).
 <code> react-select </code> 또는 <code> react-datepicker </code>.
 </p>
 <p>
- 이 경우 {""}
+ 이 경우
 <link to="/ api # Controller"> Controller </link> 래퍼 구성
 요소입니다. 등록 과정을 처리해드립니다.
 </p>
diff --git a/src/data/pt/advanced.tsx b/src/data/pt/advanced.tsx
index 6b9d4b036..83866678c 100644
--- a/src/data/pt/advanced.tsx
+++ b/src/data/pt/advanced.tsx
@@ -83,7 +83,7 @@ export default {
 <code>undefined</code>.
 </p>
 <p>
- <code>{`errors?.firstName?.message`}</code>
+ <code>errors?.firstName?.message</code>
 </p>
 </strong>
 ),
@@ -417,7 +417,7 @@ export default {
 .
 </p>
 
- <codearea rawData={"npm install -D mutationobserver-shim"} />
+ <codearea rawData="npm install -D mutationobserver-shim" />
 
 <p>
 Criar <code>setup.js</code> para importar{" "}
diff --git a/src/data/pt/api.tsx b/src/data/pt/api.tsx
index c665e994c..ae44aec7b 100644
--- a/src/data/pt/api.tsx
+++ b/src/data/pt/api.tsx
@@ -715,8 +715,8 @@ export default {
 </td>
 
 <td>
- O controlador injeta <code>onChange</code>, <code>onBlur</code> {""}
- e <code>value</code> adota o componente.
+ O controlador injeta <code>onChange</code>, <code>onBlur</code>e{" "}
+ <code>value</code> adota o componente.
 <codearea withOutCopy url="https://codesandbox.io/s/react-hook-form-v6-controller-ts-4dpm9" diff --git a/src/data/ru/advanced.tsx b/src/data/ru/advanced.tsx index b42840e73..4302f7ee8 100644 --- a/src/data/ru/advanced.tsx +++ b/src/data/ru/advanced.tsx @@ -79,7 +79,7 @@ export default { <code>null</code> или <code>undefined</code>.
 </p>
 <p>
- <code>{`errors?.firstName?.message`}</code>
+ <code>errors?.firstName?.message</code>
 </p>
 </strong>
 ),
@@ -401,7 +401,7 @@ export default {
 .
 </p>
 
- <codearea rawData={"npm install -D mutationobserver-shim"} />
+ <codearea rawData="npm install -D mutationobserver-shim" />
 
 <p>
 Создайте <code>setup.js</code> для импорта ".
diff --git a/src/data/ru/api.tsx b/src/data/ru/api.tsx
index f75bf40b0..c30da5a0b 100644
--- a/src/data/ru/api.tsx
+++ b/src/data/ru/api.tsx
@@ -721,7 +721,6 @@ export default {
>
 this short video
 </a>{" "}
- {""}
 сравнить контролируемый и неконтролируемый массив полей.
 </p>
 
@@ -789,14 +788,13 @@ export default {
 <ul>
 <li>
 <p>
- Вы можете заполнить поля, указав {""}
+ Вы можете заполнить поля, указав
 <code>defaultValues</code> в ловушке <code>useForm</code>.
 </p>
 </li>
 <li>
 <p>
 убедитесь, что вы присвоили <code>id</code> из <code>fields</code>{" "}
- {""}
 объект как ключ компонента.
 </p>
 </li>
@@ -835,9 +833,9 @@ React.useEffect(() => {
 />
 </li>
 <li>
- <strong> важно </strong> подать заявку {""}
- <code>{`ref = {register ()}`}</code> вместо {""}
- <code>{`ref = {register}`}</code> при работе с {""}
+ <strong> важно </strong> подать заявку
+ <code>{`ref = {register ()}`}</code> вместо
+ <code>{`ref = {register}`}</code> при работе с
 <code>useFieldArray</code>, поэтому будет вызван{" "}
 <code>register</code>
 во время <code>map</code>.
@@ -1331,7 +1329,7 @@ validate: (value) => value === getValues('firstName');"
 <ul>
 <li>
 <p>
- убедитесь, что вы возвращаете объект, который содержит {""}
+ убедитесь, что вы возвращаете объект, который содержит
 <code>values ​​</code> и <code>error</code> и их значения по
 умолчанию значение должно быть <code>{`{}`}</code>.
 </p>
@@ -1347,7 +1345,6 @@ validate: (value) => value === getValues('firstName');"
 <li>
 <p>
 эта функция будет кэшироваться внутри пользовательского хука, а{" "}
- {""}
 <code>context</code> - это изменяемый объект, который можно
 изменить каждый рендер.
 </p>
diff --git a/src/data/ru/faq.tsx b/src/data/ru/faq.tsx
index 60fb37dd0..569ce6f2a 100644
--- a/src/data/ru/faq.tsx
+++ b/src/data/ru/faq.tsx
@@ -481,7 +481,7 @@ export default {
 вклад, который имеет были обменены или отпущены. Как решение, вы
 можете решить эту проблему проблема, предоставляя уникальный ввод{" "}
 <code>key</code> для вашего ввода. Вы также можете прочитать больше
- о ключевых реквизитах от {""}
+ о ключевых реквизитах от
 <a rel="noopener noreferrer" diff --git a/src/data/ru/migrateV5ToV6.tsx b/src/data/ru/migrateV5ToV6.tsx index 1e613b8a1..dcf62842a 100644 --- a/src/data/ru/migrateV5ToV6.tsx +++ b/src/data/ru/migrateV5ToV6.tsx @@ -9,7 +9,7 @@ export default ( <p>
 Вот критические изменения, которые вам необходимо отрегулировать. Мы
 искренне надеемся эти изменения не создают особых проблем для вашего кода.
- если ты Вам интересны некоторые из причин, вы можете взглянуть на это {""}
+ если ты Вам интересны некоторые из причин, вы можете взглянуть на это
 <a href="https://github.com/react-hook-form/react-hook-form/pull/1471" diff --git a/src/data/ts.tsx b/src/data/ts.tsx index 81c136bf7..46a48f103 100644 --- a/src/data/ts.tsx +++ b/src/data/ts.tsx @@ -96,7 +96,7 @@ errors?.key4?.message // no type error`} title: "Resolver", description: ( <codearea - url={"https://codesandbox.io/s/react-hook-form-resolver-forked-mjsx7"} + url="https://codesandbox.io/s/react-hook-form-resolver-forked-mjsx7" rawData={`import React from 'react'; import { useForm, Resolver } from 'react-hook-form'; @@ -191,9 +191,7 @@ export default function App() { title: "UseFormReturn", description: ( <codearea - url={ - "https://codesandbox.io/s/react-hook-form-UseFormReturn-forked-yl40u" - } + url="https://codesandbox.io/s/react-hook-form-UseFormReturn-forked-yl40u" rawData={`import { useForm, UseFormReturn, SubmitHandler } from "react-hook-form"; type InputProps = React.DetailedHTMLProps< @@ -405,9 +403,7 @@ export default function App() { This type is useful when you define custom component's{" "} <code>name</code> prop, and it will type check again your field path.
 </p>
- <codearea - rawData={`export type FieldPath<tfieldvalues extends FieldValues> = Path<tfieldvalues>;`}
- />
+ <codearea rawData="export type FieldPath<tfieldvalues extends FieldValues> = Path<tfieldvalues>;" />
 </strong>
 ),
 },
@@ -442,7 +438,7 @@ export default function App() {
 fieldValues: {
 title: "FieldValues",
 description: (
- <codearea rawData={`export type FieldValues = Record<string, any>;`} />
+ <codearea rawData="export type FieldValues = Record<string, any>;" />
 ),
 },
 mode: {
diff --git a/src/data/zh/advanced.tsx b/src/data/zh/advanced.tsx
index 947c5ab51..8a4f863b3 100644
--- a/src/data/zh/advanced.tsx
+++ b/src/data/zh/advanced.tsx
@@ -96,7 +96,7 @@ export default {
 <code>undefined</code>而导致错误。
 </p>
 <p>
- <code>{`errors?.firstName?.message`}</code>
+ <code>errors?.firstName?.message</code>
 </p>
 </strong>
 ),
@@ -379,7 +379,7 @@ export default {
 .
 </p>
 
- <codearea rawData={"npm install -D @testing-library/jest-dom"} />
+ <codearea rawData="npm install -D @testing-library/jest-dom" />
 
 <p>
 创建<code>setup.js</code>来导入
diff --git a/src/data/zh/api.tsx b/src/data/zh/api.tsx
index 2bbbf80be..dde1cfe84 100644
--- a/src/data/zh/api.tsx
+++ b/src/data/zh/api.tsx
@@ -1059,7 +1059,7 @@ export default {
 <strong>
 表单项名称。
 <strong className={typographyStyles.note}>重要:</strong>{" "}
- 确保名称为对象键结构: <code>name={`test[index].name`}</code>{" "}
+ 确保名称为对象键结构: <code>name=test[index].name</code>{" "}
 因为我们不支持扁平数组。
 </strong>
 </td>
diff --git a/src/pages/about-us.tsx b/src/pages/about-us.tsx
index abdf3f916..32cb25c4e 100644
--- a/src/pages/about-us.tsx
+++ b/src/pages/about-us.tsx
@@ -179,7 +179,7 @@ export default ({ location }) => {
 ]}
 easeType="ease-out"
 duration={1}
- fillMode={"both"}
+ fillMode="both"
 delay={0.3 * i + 0.4}
 render={({ style }) => {
 return (
diff --git a/src/pages/api.zh.tsx b/src/pages/api.zh.tsx
index 245fa5a6f..f49e02dd4 100644
--- a/src/pages/api.zh.tsx
+++ b/src/pages/api.zh.tsx
@@ -12,7 +12,7 @@ const ApiZh = ({
 pathname: string
 }
 }) => (
- <layout location={location} defaultLang={"zh"}>
+ <layout location={location} defaultLang="zh">
 <seo title={api.title} location={location} />
 <apipage defaultLang="zh" api={api} />
 </layout>
diff --git a/src/pages/api/formprovider.en.tsx b/src/pages/api/formprovider.en.tsx
new file mode 100644
index 000000000..00cd62f12
--- /dev/null
+++ b/src/pages/api/formprovider.en.tsx
@@ -0,0 +1,86 @@
+import * as React from "react"
+import Seo from "../../components/seo"
+import Layout from "../../components/layout"
+import * as containerStyles from "../../styles/container.module.css"
+import * as typographyStyles from "../../styles/typography.module.css"
+import { Menu } from "../../components/Menu"
+import CodeArea from "../../components/CodeArea"
+import formContext from "../../components/codeExamples/formContext"
+import * as tableStyles from "../../styles/table.module.css"
+import { Link } from "gatsby"
+
+export default ({ location }) => {
+ return (
+ <layout location={location} defaultLang="en">
+ <seo title="FormProvider" location={location} />
+ <div className={containerStyles.container}>
+ <h1 className={typographyStyles.headingWithTopMargin} id="main">
+ FormProvider
+ </h1>
+
+ <p className={typographyStyles.subHeading}>
+ A component to provide React Context
+ </p>
+
+ <div className={containerStyles.wrapper}>
+ <menu />
+
+ <main>
+ <p>
+ This component will host context object and allow consuming
+ component to subscribe to context and use{" "}
+ <link to="/api/useform">useForm</link> props and methods.
+ </p>
+
+ <h2 className={typographyStyles.subTitle}>Props</h2>
+
+ <p>
+ This following table applied to <code>FormProvider</code>,{" "}
+ <code>useFormContext</code> accepts no argument.
+ </p>
+
+ <div className={tableStyles.tableWrapper}>
+ <table class="structure">
+ <tr>
+ <th>Name</th>
+ <th>Type</th>
+ <th>Description</th>
+ </tr>
+ <tr>
+ <td>
+ <code>...props</code>
+ </td>
+ <td>
+ <code className={typographyStyles.typeText}>Object</code>
+ </td>
+ <td>
+ <code>FormProvider</code> requires all <code>useForm</code>{" "}
+ methods.
+ </td>
+ </tr>
+ </table>
+ </div>
+
+ <h2 id="rules" className={typographyStyles.rulesTitle}>
+ Rules
+ </h2>
+ <ul>
+ <li>
+ <p>Avoid using nested FormProvider</p>
+ </li>
+ </ul>
+
+ <h2 id="example" className={typographyStyles.subTitle}>
+ Examples
+ </h2>
+
+ <codearea + rawData={formContext} + url="https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi" + />
+ </main>
+ </div>
+ </div>
+ </layout>
+ )
+}
diff --git a/src/pages/api/formprovider.module.css b/src/pages/api/formprovider.module.css
new file mode 100644
index 000000000..6e591734b
--- /dev/null
+++ b/src/pages/api/formprovider.module.css
@@ -0,0 +1,59 @@
+.table {
+ margin-top: 15px;
+ border-collapse: collapse;
+}
+
+.table td {
+ padding: 6px 15px 6px 0;
+ line-height: 1.4;
+}
+
+.table td> h5:first-child,
+.table td> p:first-child,
+.table td> ul:first-child,
+.table td> ul li:first-child> p {
+ margin-top: 0 !important;
+}
+
+.table td> p:last-child {
+ margin-bottom: 0;
+}
+
+.table td:last-child {
+ padding-right: 0;
+}
+
+.table td> pre {
+ margin: 0;
+}
+
+.tableWrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-y: hidden;
+ overflow-x: auto;
+}
+
+@media (min-width: 768px) {
+ .mobileTypeText {
+ margin-top: 0px;
+ display: inline;
+ }
+
+ .tableWrapper::-webkit-scrollbar {
+ height: 8px;
+ }
+
+ .tableWrapper::-webkit-scrollbar-track {
+ background: var(--color-button-blue);
+ border-radius: 10px;
+ }
+
+ .tableWrapper::-webkit-scrollbar-thumb {
+ background: var(--color-medium-blue);
+ border-radius: 10px;
+ }
+
+ .tableWrapper::-webkit-scrollbar-thumb:hover {
+ background: var(--color-light-pink);
+ }
+}
diff --git a/src/pages/media.en.tsx b/src/pages/media.en.tsx
index 461a36bf6..9ef588c67 100644
--- a/src/pages/media.en.tsx
+++ b/src/pages/media.en.tsx
@@ -30,44 +30,36 @@ export default ({ location }) => {
 
 <div className={mediaStyles.media}>
 <div>
- {
+ logo only
 <p>PNG</p>
 </div>
 <div>
- {
+ logo only
 <p>SVG</p>
 </div>
 
 <div>
- {
+ logo only
 <p>PNG</p>
 </div>
 <div>
- {
+ logo only
 <p>SVG</p>
 </div>
 
 <div>
- {
+ logo only
 <p>PNG</p>
 </div>
 <div>
- {
+ logo only
 <p>SVG</p>
 </div>
 
 <div>
 {
 <p>PNG</p>
@@ -75,7 +67,7 @@ export default ({ location }) => {
 <div>
 {
 <p>SVG</p>
diff --git a/src/pages/migrate-v6-to-v7.en.tsx b/src/pages/migrate-v6-to-v7.en.tsx
index bf89d5759..3e16f06fb 100644
--- a/src/pages/migrate-v6-to-v7.en.tsx
+++ b/src/pages/migrate-v6-to-v7.en.tsx
@@ -127,7 +127,7 @@ npm i @hookform/devtools@latest // @hookform/devtools: "^3.0.0" if you are usin
 You can use this codemod library to speed up the process:{" "}
 <a href="https://github.com/react-hook-form/codemod" - + rel="noreferrer">
 https://github.com/react-hook-form/codemod
@@ -137,7 +137,7 @@ npm i @hookform/devtools@latest // @hookform/devtools: "^3.0.0" if you are usin
 
 <codearea withOutCopy - rawData={`npx @hookform/codemod v7/update-register`} + rawData="npx @hookform/codemod v7/update-register" />
 
 <p>
@@ -284,7 +284,7 @@ npm i @hookform/devtools@latest // @hookform/devtools: "^3.0.0" if you are usin
 
 <codearea withOutCopy - rawData={`npx @hookform/codemod v7/move-errors-to-formState`} + rawData="npx @hookform/codemod v7/move-errors-to-formState" />
 
 <codearea @@ -503,7 +503,7 @@ npm i @hookform/devtools@latest // @hookform/devtools: "^3.0.0" if you are usin </main>
 </div>
 
- <footer currentLanguage={"en"} />
+ <footer currentLanguage="en" />
 </div>
 </layout>
 )
diff --git a/src/pages/v5/api.pt.tsx b/src/pages/v5/api.pt.tsx
index 366e0e36b..747c699a6 100644
--- a/src/pages/v5/api.pt.tsx
+++ b/src/pages/v5/api.pt.tsx
@@ -12,7 +12,7 @@ const ApiPT = ({
 pathname: string
 }
 }) => (
- <layout location={location} defaultLang={"pt"}>
+ <layout location={location} defaultLang="pt">
 <seo title={api.title} location={location} />
 <apipage defaultLang="pt" api={api} />
 </layout>
diff --git a/src/pages/v5/api.zh.tsx b/src/pages/v5/api.zh.tsx
index e2c848050..9f9e324be 100644
--- a/src/pages/v5/api.zh.tsx
+++ b/src/pages/v5/api.zh.tsx
@@ -12,7 +12,7 @@ const ApiZh = ({
 pathname: string
 }
 }) => (
- <layout location={location} defaultLang={"zh"}>
+ <layout location={location} defaultLang="zh">
 <seo title={api.title} location={location} />
 <apipage defaultLang="zh" api={api} />
 </layout>
diff --git a/src/pages/v6/api.zh.tsx b/src/pages/v6/api.zh.tsx
index 00a696958..48e257ce3 100644
--- a/src/pages/v6/api.zh.tsx
+++ b/src/pages/v6/api.zh.tsx
@@ -12,7 +12,7 @@ const ApiZh = ({
 pathname: string
 }
 }) => (
- <layout location={location} defaultLang={"zh"}>
+ <layout location={location} defaultLang="zh">
 <seo title={api.title} location={location} />
 <apipage defaultLang="zh" api={api} />
 </layout>
diff --git a/yarn.lock b/yarn.lock
index ae5f88d98..d94608fd2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1143,11 +1143,11 @@
 "@babel/plugin-transform-typescript" "^7.16.7"
 
 "@babel/runtime-corejs3@^7.10.2":
- version "7.16.3"
- resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.16.3.tgz#1e25de4fa994c57c18e5fdda6cc810dac70f5590"
- integrity sha512-IAdDC7T0+wEB4y2gbIL0uOXEYpiZEeuFUTVbdGq+UwCcF35T/tS8KrmMomEwEc5wBbyfH3PJVpTSUqrhPDXFcQ==
+ version "7.19.1"
+ resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.19.1.tgz#f0cbbe7edda7c4109cd253bb1dee99aba4594ad9"
+ integrity sha512-j2vJGnkopRzH+ykJ8h68wrHnEUmtK//E723jjixiAl/PPf6FhqY/vYRcMVlNydRKQjQsTsYEjpx+DZMIvnGk/g==
 dependencies:
- core-js-pure "^3.19.0"
+ core-js-pure "^3.25.1"
 regenerator-runtime "^0.13.4"
 
 "@babel/runtime@^7.0.0", "@babel/runtime@^7.12.5", "@babel/runtime@^7.5.5":
@@ -1164,7 +1164,14 @@
 dependencies:
 regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.10.2", "@babel/runtime@^7.14.8", "@babel/runtime@^7.16.3", "@babel/runtime@^7.3.4":
+"@babel/runtime@^7.10.2", "@babel/runtime@^7.18.9":
+ version "7.19.0"
+ resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.19.0.tgz#22b11c037b094d27a8a2504ea4dcff00f50e2259"
+ integrity sha512-eR8Lo9hnDS7tqkO7NsV+mKvCmv5boaXFSZ70DnfhcgiEne8hv9oCEd36Klw74EtizEqLsy4YnW8UWwpBVolHZA==
+ dependencies:
+ regenerator-runtime "^0.13.4"
+
+"@babel/runtime@^7.14.8", "@babel/runtime@^7.3.4":
 version "7.16.3"
 resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.16.3.tgz#b86f0db02a04187a3c17caa77de69840165d42d5"
 integrity sha512-WBwekcqacdY2e9AF/Q7WLFUWmdJGJTkbjqTjoMDgXkVZ3ZRUvOPsLb5KdwISoQVsbP+DQzVZW4Zhci0DvpbNTQ==
@@ -2923,14 +2930,14 @@ array-flatten@1.1.1:
 resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
 integrity sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=
 
-array-includes@^3.1.3, array-includes@^3.1.4:
- version "3.1.4"
- resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.4.tgz#f5b493162c760f3539631f005ba2bb46acb45ba9"
- integrity sha512-ZTNSQkmWumEbiHO2GF4GmWxYVTiQyJy2XOTa15sdQSrvKn7l+180egQMqlrMOUMCyLMD7pmyQe4mMDUT6Behrw==
+array-includes@^3.1.4, array-includes@^3.1.5:
+ version "3.1.5"
+ resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.5.tgz#2c320010db8d31031fd2a5f6b3bbd4b1aad31bdb"
+ integrity sha512-iSDYZMMyTPkiFasVqfuAQnWAYcvO/SeBSCGKePoEthjp4LEMTe4uLc7b025o4jAZpHhihh8xPo99TNWUWWkGDQ==
 dependencies:
 call-bind "^1.0.2"
- define-properties "^1.1.3"
- es-abstract "^1.19.1"
+ define-properties "^1.1.4"
+ es-abstract "^1.19.5"
 get-intrinsic "^1.1.1"
 is-string "^1.0.7"
 
@@ -2953,14 +2960,15 @@ array.prototype.flat@^1.2.5:
 define-properties "^1.1.3"
 es-abstract "^1.19.0"
 
-array.prototype.flatmap@^1.2.5:
- version "1.2.5"
- resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.2.5.tgz#908dc82d8a406930fdf38598d51e7411d18d4446"
- integrity sha512-08u6rVyi1Lj7oqWbS9nUxliETrtIROT4XGTA4D/LWGten6E3ocm7cy9SIrmNHOL5XVbVuckUp3X6Xyg8/zpvHA==
+array.prototype.flatmap@^1.2.5, array.prototype.flatmap@^1.3.0:
+ version "1.3.0"
+ resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.0.tgz#a7e8ed4225f4788a70cd910abcf0791e76a5534f"
+ integrity sha512-PZC9/8TKAIxcWKdyeb77EzULHPrIX/tIZebLJUQOMR1OwYosT8yggdfWScfTBCDj5utONvOuPQQumYsU2ULbkg==
 dependencies:
- call-bind "^1.0.0"
+ call-bind "^1.0.2"
 define-properties "^1.1.3"
- es-abstract "^1.19.0"
+ es-abstract "^1.19.2"
+ es-shim-unscopables "^1.0.0"
 
 arrify@^2.0.1:
 version "2.0.1"
@@ -2975,7 +2983,7 @@ assign-symbols@^1.0.0:
 ast-types-flow@^0.0.7:
 version "0.0.7"
 resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.7.tgz#f70b735c6bca1a5c9c22d982c3e39e7feba3bdad"
- integrity sha1-9wtzXGvKGlycItmCw+Oef+ujva0=
+ integrity sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==
 
 astral-regex@^2.0.0:
 version "2.0.0"
@@ -3031,10 +3039,10 @@ autoprefixer@^10.2.4:
 picocolors "^1.0.0"
 postcss-value-parser "^4.2.0"
 
-axe-core@^4.3.5:
- version "4.3.5"
- resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.3.5.tgz#78d6911ba317a8262bfee292aeafcc1e04b49cc5"
- integrity sha512-WKTW1+xAzhMS5dJsxWkliixlO/PqC4VhmO9T4juNYcaTg9jzWiJsou6m5pxWYGfigWbwzJWeFY6z47a+4neRXA==
+axe-core@^4.4.3:
+ version "4.4.3"
+ resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.4.3.tgz#11c74d23d5013c0fa5d183796729bc3482bd2f6f"
+ integrity sha512-32+ub6kkdhhWick/UjvEwRchgoetXqTK14INLqbGm5U2TzBkBNF3nQtLYm8ovxSkQWArjEQvftCKryjZaATu3w==
 
 axios@^0.21.1, axios@^0.21.4:
 version "0.21.4"
@@ -4052,7 +4060,7 @@ compression@^1.7.4:
 concat-map@0.0.1:
 version "0.0.1"
 resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
- integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
+ integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
 concat-stream@^1.5.2:
 version "1.6.2"
@@ -4196,10 +4204,10 @@ core-js-compat@^3.20.2, core-js-compat@^3.21.0:
 browserslist "^4.19.1"
 semver "7.0.0"
 
-core-js-pure@^3.19.0:
- version "3.19.1"
- resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.19.1.tgz#edffc1fc7634000a55ba05e95b3f0fe9587a5aa4"
- integrity sha512-Q0Knr8Es84vtv62ei6/6jXH/7izKmOrtrxH9WJTHLCMAVeU+8TF8z8Nr08CsH4Ot0oJKzBzJJL9SJBYIv7WlfQ==
+core-js-pure@^3.25.1:
+ version "3.25.2"
+ resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.25.2.tgz#44a4fd873bdd4fecf6ca11512bcefedbe87e744a"
+ integrity sha512-ItD7YpW1cUB4jaqFLZXe1AXkyqIxz6GqPnsDV4uF4hVcWh/WAGIqSqw5p0/WdsILM0Xht9s3Koyw05R3K6RtiA==
 
 core-js@^2.4.0:
 version "2.6.12"
@@ -4526,10 +4534,10 @@ d@1, d@^1.0.1:
 es5-ext "^0.10.50"
 type "^1.0.1"
 
-damerau-levenshtein@^1.0.7:
- version "1.0.7"
- resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.7.tgz#64368003512a1a6992593741a09a9d31a836f55d"
- integrity sha512-VvdQIPGdWP0SqFXghj79Wf/5LArmreyMsGLa6FG6iC4t3j7j5s71TrwWmT/4akbDQIqjfACkLZmjXhA7g2oUZw==
+damerau-levenshtein@^1.0.8:
+ version "1.0.8"
+ resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
+ integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
 
 dataloader@2.0.0:
 version "2.0.0"
@@ -4704,12 +4712,13 @@ defer-to-connect@^2.0.0:
 resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-2.0.1.tgz#8016bdb4143e4632b77a3449c6236277de520587"
 integrity sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==
 
-define-properties@^1.1.3:
- version "1.1.3"
- resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.3.tgz#cf88da6cbee26fe6db7094f61d870cbd84cee9f1"
- integrity sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==
+define-properties@^1.1.3, define-properties@^1.1.4:
+ version "1.1.4"
+ resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.4.tgz#0b14d7bd7fbeb2f3572c3a7eda80ea5d57fb05b1"
+ integrity sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==
 dependencies:
- object-keys "^1.0.12"
+ has-property-descriptors "^1.0.0"
+ object-keys "^1.1.1"
 
 define-property@^0.2.5:
 version "0.2.5"
@@ -5150,7 +5159,7 @@ es-abstract@^1.17.2:
 string.prototype.trimstart "^1.0.4"
 unbox-primitive "^1.0.1"
 
-es-abstract@^1.18.0-next.2, es-abstract@^1.18.2, es-abstract@^1.19.0, es-abstract@^1.19.1:
+es-abstract@^1.18.0-next.2, es-abstract@^1.18.2:
 version "1.19.1"
 resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.19.1.tgz#d4885796876916959de78edaa0df456627115ec3"
 integrity sha512-2vJ6tjA/UfqLm2MPs7jxVybLoB8i1t1Jd9R3kISld20sIxPcTbLuggQOUxeWeAvIUkduv/CfMjuh4WmiXr2v9w==
@@ -5176,11 +5185,48 @@ es-abstract@^1.18.0-next.2, es-abstract@^1.18.2, es-abstract@^1.19.0, es-abstrac
 string.prototype.trimstart "^1.0.4"
 unbox-primitive "^1.0.1"
 
+es-abstract@^1.19.0, es-abstract@^1.19.1, es-abstract@^1.19.2, es-abstract@^1.19.5:
+ version "1.20.3"
+ resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.3.tgz#90b143ff7aedc8b3d189bcfac7f1e3e3f81e9da1"
+ integrity sha512-AyrnaKVpMzljIdwjzrj+LxGmj8ik2LckwXacHqrJJ/jxz6dDDBcZ7I7nlHM0FvEW8MfbWJwOd+yT2XzYW49Frw==
+ dependencies:
+ call-bind "^1.0.2"
+ es-to-primitive "^1.2.1"
+ function-bind "^1.1.1"
+ function.prototype.name "^1.1.5"
+ get-intrinsic "^1.1.3"
+ get-symbol-description "^1.0.0"
+ has "^1.0.3"
+ has-property-descriptors "^1.0.0"
+ has-symbols "^1.0.3"
+ internal-slot "^1.0.3"
+ is-callable "^1.2.6"
+ is-negative-zero "^2.0.2"
+ is-regex "^1.1.4"
+ is-shared-array-buffer "^1.0.2"
+ is-string "^1.0.7"
+ is-weakref "^1.0.2"
+ object-inspect "^1.12.2"
+ object-keys "^1.1.1"
+ object.assign "^4.1.4"
+ regexp.prototype.flags "^1.4.3"
+ safe-regex-test "^1.0.0"
+ string.prototype.trimend "^1.0.5"
+ string.prototype.trimstart "^1.0.5"
+ unbox-primitive "^1.0.2"
+
 es-module-lexer@^0.9.0:
 version "0.9.3"
 resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
 integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
 
+es-shim-unscopables@^1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz#702e632193201e3edf8713635d083d378e510241"
+ integrity sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==
+ dependencies:
+ has "^1.0.3"
+
 es-to-primitive@^1.2.1:
 version "1.2.1"
 resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
@@ -5324,22 +5370,23 @@ eslint-plugin-import@^2.24.2:
 tsconfig-paths "^3.12.0"
 
 eslint-plugin-jsx-a11y@^6.4.1:
- version "6.5.1"
- resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.5.1.tgz#cdbf2df901040ca140b6ec14715c988889c2a6d8"
- integrity sha512-sVCFKX9fllURnXT2JwLN5Qgo24Ug5NF6dxhkmxsMEUZhXRcGg+X3e1JbJ84YePQKBl5E0ZjAH5Q4rkdcGY99+g==
+ version "6.6.1"
+ resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.6.1.tgz#93736fc91b83fdc38cc8d115deedfc3091aef1ff"
+ integrity sha512-sXgFVNHiWffBq23uiS/JaP6eVR622DqwB4yTzKvGZGcPq6/yZ3WmOZfuBks/vHWo9GaFOqC2ZK4i6+C35knx7Q==
 dependencies:
- "@babel/runtime" "^7.16.3"
+ "@babel/runtime" "^7.18.9"
 aria-query "^4.2.2"
- array-includes "^3.1.4"
+ array-includes "^3.1.5"
 ast-types-flow "^0.0.7"
- axe-core "^4.3.5"
+ axe-core "^4.4.3"
 axobject-query "^2.2.0"
- damerau-levenshtein "^1.0.7"
+ damerau-levenshtein "^1.0.8"
 emoji-regex "^9.2.2"
 has "^1.0.3"
- jsx-ast-utils "^3.2.1"
+ jsx-ast-utils "^3.3.2"
 language-tags "^1.0.5"
- minimatch "^3.0.4"
+ minimatch "^3.1.2"
+ semver "^6.3.0"
 
 eslint-plugin-prettier@^3.4.0:
 version "3.4.1"
@@ -5353,7 +5400,27 @@ eslint-plugin-react-hooks@^4.2.0:
 resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.3.0.tgz#318dbf312e06fab1c835a4abef00121751ac1172"
 integrity sha512-XslZy0LnMn+84NEG9jSGR6eGqaZB3133L8xewQo3fQagbQuGt7a63gf+P1NGKZavEYEC3UXaWEAA/AqDkuN6xA==
 
-eslint-plugin-react@^7.23.2, eslint-plugin-react@^7.25.1:
+eslint-plugin-react@^7.23.2:
+ version "7.31.8"
+ resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.31.8.tgz#3a4f80c10be1bcbc8197be9e8b641b2a3ef219bf"
+ integrity sha512-5lBTZmgQmARLLSYiwI71tiGVTLUuqXantZM6vlSY39OaDSV0M7+32K5DnLkmFrwTe+Ksz0ffuLUC91RUviVZfw==
+ dependencies:
+ array-includes "^3.1.5"
+ array.prototype.flatmap "^1.3.0"
+ doctrine "^2.1.0"
+ estraverse "^5.3.0"
+ jsx-ast-utils "^2.4.1 &#124;&#124; ^3.0.0"
+ minimatch "^3.1.2"
+ object.entries "^1.1.5"
+ object.fromentries "^2.0.5"
+ object.hasown "^1.1.1"
+ object.values "^1.1.5"
+ prop-types "^15.8.1"
+ resolve "^2.0.0-next.3"
+ semver "^6.3.0"
+ string.prototype.matchall "^4.0.7"
+
+eslint-plugin-react@^7.25.1:
 version "7.28.0"
 resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.28.0.tgz#8f3ff450677571a659ce76efc6d80b6a525adbdf"
 integrity sha512-IOlFIRHzWfEQQKcAD4iyYDndHwTQiCMcJVJjxempf203jnNLUnW34AXLrV33+nEXoifJE2ZEGmcjKPL8957eSw==
@@ -6183,11 +6250,26 @@ function-bind@^1.1.1:
 resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
 integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
+function.prototype.name@^1.1.5:
+ version "1.1.5"
+ resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
+ integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
+ dependencies:
+ call-bind "^1.0.2"
+ define-properties "^1.1.3"
+ es-abstract "^1.19.0"
+ functions-have-names "^1.2.2"
+
 functional-red-black-tree@^1.0.1:
 version "1.0.1"
 resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
 integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
 
+functions-have-names@^1.2.2:
+ version "1.2.3"
+ resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
+ integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
+
 gatsby-cli@^3.14.2:
 version "3.14.2"
 resolved "https://registry.yarnpkg.com/gatsby-cli/-/gatsby-cli-3.14.2.tgz#1d4ebeb199c3a910d80abc13f458888c8cd7f2f8"
@@ -6808,14 +6890,14 @@ get-caller-file@^2.0.1:
 resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
 integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1:
- version "1.1.1"
- resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.1.tgz#15f59f376f855c446963948f0d24cd3637b4abc6"
- integrity sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3:
+ version "1.1.3"
+ resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz#063c84329ad93e83893c7f4f243ef63ffa351385"
+ integrity sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==
 dependencies:
 function-bind "^1.1.1"
 has "^1.0.3"
- has-symbols "^1.0.1"
+ has-symbols "^1.0.3"
 
 get-own-enumerable-property-symbols@^3.0.0:
 version "3.0.2"
@@ -7228,10 +7310,10 @@ has-ansi@^2.0.0:
 dependencies:
 ansi-regex "^2.0.0"
 
-has-bigints@^1.0.1:
- version "1.0.1"
- resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.1.tgz#64fe6acb020673e3b78db035a5af69aa9d07b113"
- integrity sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==
+has-bigints@^1.0.1, has-bigints@^1.0.2:
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
+ integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
 
 has-cors@1.1.0:
 version "1.1.0"
@@ -7248,15 +7330,22 @@ has-flag@^4.0.0:
 resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
 integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
+has-property-descriptors@^1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz#610708600606d36961ed04c196193b6a607fa861"
+ integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==
+ dependencies:
+ get-intrinsic "^1.1.1"
+
 has-symbol-support-x@^1.4.1:
 version "1.4.2"
 resolved "https://registry.yarnpkg.com/has-symbol-support-x/-/has-symbol-support-x-1.4.2.tgz#1409f98bc00247da45da67cee0a36f282ff26455"
 integrity sha512-3ToOva++HaW+eCpgqZrCfN51IPB+7bJNVT6CUATzueB5Heb8o6Nam0V3HG5dlDvZU1Gn5QLcbahiKw/XVk5JJw==
 
-has-symbols@^1.0.1, has-symbols@^1.0.2:
- version "1.0.2"
- resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.2.tgz#165d3070c00309752a1236a479331e3ac56f1423"
- integrity sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==
+has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3:
+ version "1.0.3"
+ resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
+ integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
 
 has-to-string-tag-x@^1.2.0:
 version "1.4.1"
@@ -7757,7 +7846,12 @@ is-buffer@^2.0.0:
 resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.5.tgz#ebc252e400d22ff8d77fa09888821a24a658c191"
 integrity sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==
 
-is-callable@^1.1.4, is-callable@^1.2.3, is-callable@^1.2.4:
+is-callable@^1.1.4, is-callable@^1.2.4, is-callable@^1.2.6:
+ version "1.2.7"
+ resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
+ integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
+
+is-callable@^1.2.3:
 version "1.2.4"
 resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.4.tgz#47301d58dd0259407865547853df6d61fe471945"
 integrity sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==
@@ -7769,7 +7863,14 @@ is-ci@^2.0.0:
 dependencies:
 ci-info "^2.0.0"
 
-is-core-module@^2.2.0, is-core-module@^2.8.0, is-core-module@^2.8.1:
+is-core-module@^2.2.0, is-core-module@^2.9.0:
+ version "2.10.0"
+ resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.10.0.tgz#9012ede0a91c69587e647514e1d5277019e728ed"
+ integrity sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==
+ dependencies:
+ has "^1.0.3"
+
+is-core-module@^2.8.0, is-core-module@^2.8.1:
 version "2.8.1"
 resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.8.1.tgz#f59fdfca701d5879d0a6b100a40aa1560ce27211"
 integrity sha512-SdNCUs284hr40hFTFP6l0IfZ/RSrMXF3qgoRHd3/79unUTvrFO/JoXwkGm+5J/Oe3E/b5GsnG330uUNgRpu1PA==
@@ -7935,7 +8036,7 @@ is-natural-number@^4.0.1:
 resolved "https://registry.yarnpkg.com/is-natural-number/-/is-natural-number-4.0.1.tgz#ab9d76e1db4ced51e35de0c72ebecf09f734cde8"
 integrity sha1-q5124dtM7VHjXeDHLr7PCfc0zeg=
 
-is-negative-zero@^2.0.1:
+is-negative-zero@^2.0.1, is-negative-zero@^2.0.2:
 version "2.0.2"
 resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
 integrity sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==
@@ -7946,9 +8047,9 @@ is-npm@^5.0.0:
 integrity sha512-WW/rQLOazUq+ST/bCAVBp/2oMERWLsR7OrKyt052dNDk4DHcDE0/7QSXITlmi+VBcV13DfIbysG3tZJm5RfdBA==
 
 is-number-object@^1.0.4:
- version "1.0.6"
- resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.6.tgz#6a7aaf838c7f0686a50b4553f7e54a96494e89f0"
- integrity sha512-bEVOqiRcvo3zO1+G2lVMy+gkkEm9Yh7cDMRusKKu5ZJKPUYSJwICTKZrNKHA2EbSP0Tu0+6B/emsYNHZyn6K8g==
+ version "1.0.7"
+ resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc"
+ integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
 dependencies:
 has-tostringtag "^1.0.0"
 
@@ -8058,10 +8159,12 @@ is-root@2.1.0:
 resolved "https://registry.yarnpkg.com/is-root/-/is-root-2.1.0.tgz#809e18129cf1129644302a4f8544035d51984a9c"
 integrity sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==
 
-is-shared-array-buffer@^1.0.1:
- version "1.0.1"
- resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.1.tgz#97b0c85fbdacb59c9c446fe653b82cf2b5b7cfe6"
- integrity sha512-IU0NmyknYZN0rChcKhRO1X8LYz5Isj/Fsqh8NJOSf+N/hCOTwy29F32Ik7a+QszE63IdvmwdTPDd6cZ5pg4cwA==
+is-shared-array-buffer@^1.0.1, is-shared-array-buffer@^1.0.2:
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz#8f259c573b60b6a32d4058a1a07430c0a7344c79"
+ integrity sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==
+ dependencies:
+ call-bind "^1.0.2"
 
 is-ssh@^1.3.0:
 version "1.3.3"
@@ -8128,7 +8231,7 @@ is-valid-path@^0.1.1:
 dependencies:
 is-invalid-path "^0.1.0"
 
-is-weakref@^1.0.1:
+is-weakref@^1.0.1, is-weakref@^1.0.2:
 version "1.0.2"
 resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
 integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
@@ -8375,13 +8478,13 @@ jsonfile@^6.0.1:
 optionalDependencies:
 graceful-fs "^4.1.6"
 
-"jsx-ast-utils@^2.4.1 &#124;&#124; ^3.0.0", jsx-ast-utils@^3.2.1:
- version "3.2.1"
- resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.2.1.tgz#720b97bfe7d901b927d87c3773637ae8ea48781b"
- integrity sha512-uP5vu8xfy2F9A6LGC22KO7e2/vGTS1MhP+18f++ZNlf0Ohaxbc9nIEwHAsejlJKyzfZzU5UIhe5ItYkitcZnZA==
+"jsx-ast-utils@^2.4.1 &#124;&#124; ^3.0.0", jsx-ast-utils@^3.3.2:
+ version "3.3.3"
+ resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz#76b3e6e6cece5c69d49a5792c3d01bd1a0cdc7ea"
+ integrity sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==
 dependencies:
- array-includes "^3.1.3"
- object.assign "^4.1.2"
+ array-includes "^3.1.5"
+ object.assign "^4.1.3"
 
 junk@^3.1.0:
 version "3.1.0"
@@ -8449,14 +8552,14 @@ klona@^2.0.4:
 integrity sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==
 
 language-subtag-registry@~0.3.2:
- version "0.3.21"
- resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz#04ac218bea46f04cb039084602c6da9e788dd45a"
- integrity sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==
+ version "0.3.22"
+ resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz#2e1500861b2e457eba7e7ae86877cbd08fa1fd1d"
+ integrity sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==
 
 language-tags@^1.0.5:
 version "1.0.5"
 resolved "https://registry.yarnpkg.com/language-tags/-/language-tags-1.0.5.tgz#d321dbc4da30ba8bf3024e040fa5c14661f9193a"
- integrity sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=
+ integrity sha512-qJhlO9cGXi6hBGKoxEG/sKZDAHD5Hnu9Hs4WbOY3pCWXDhw0N8x1NenNzm2EnNLkLkk7J2SdxAkDSbb6ftT+UQ==
 dependencies:
 language-subtag-registry "~0.3.2"
 
@@ -9535,10 +9638,10 @@ minimatch@3.0.4:
 dependencies:
 brace-expansion "^1.1.7"
 
-minimatch@^3.0.4:
- version "3.0.5"
- resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.5.tgz#4da8f1290ee0f0f8e83d60ca69f8f134068604a3"
- integrity sha512-tUpxzX0VAzJHjLu0xUfFv1gwVp9ba3IOuRAVH2EGuRW8a5emA2FlACLqiT/lDVtS1W+TGNwqz3sWaNyLgDJWuw==
+minimatch@^3.0.4, minimatch@^3.1.2:
+ version "3.1.2"
+ resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+ integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
 dependencies:
 brace-expansion "^1.1.7"
 
@@ -9884,12 +9987,12 @@ object-copy@^0.1.0:
 define-property "^0.2.5"
 kind-of "^3.0.3"
 
-object-inspect@^1.11.0, object-inspect@^1.9.0:
- version "1.12.0"
- resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.0.tgz#6e2c120e868fd1fd18cb4f18c31741d0d6e776f0"
- integrity sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==
+object-inspect@^1.11.0, object-inspect@^1.12.2, object-inspect@^1.9.0:
+ version "1.12.2"
+ resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.2.tgz#c0641f26394532f28ab8d796ab954e43c009a8ea"
+ integrity sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==
 
-object-keys@^1.0.12, object-keys@^1.1.1:
+object-keys@^1.1.1:
 version "1.1.1"
 resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
 integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
@@ -9906,7 +10009,7 @@ object-visit@^1.0.0:
 dependencies:
 isobject "^3.0.0"
 
-object.assign@^4.1.0, object.assign@^4.1.2:
+object.assign@^4.1.0:
 version "4.1.2"
 resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.2.tgz#0ed54a342eceb37b38ff76eb831a0e788cb63940"
 integrity sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==
@@ -9916,6 +10019,16 @@ object.assign@^4.1.0, object.assign@^4.1.2:
 has-symbols "^1.0.1"
 object-keys "^1.1.1"
 
+object.assign@^4.1.2, object.assign@^4.1.3, object.assign@^4.1.4:
+ version "4.1.4"
+ resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f"
+ integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==
+ dependencies:
+ call-bind "^1.0.2"
+ define-properties "^1.1.4"
+ has-symbols "^1.0.3"
+ object-keys "^1.1.1"
+
 object.entries@^1.1.5:
 version "1.1.5"
 resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.5.tgz#e1acdd17c4de2cd96d5a08487cfb9db84d881861"
@@ -9943,13 +10056,13 @@ object.getownpropertydescriptors@^2.1.0:
 define-properties "^1.1.3"
 es-abstract "^1.18.0-next.2"
 
-object.hasown@^1.1.0:
- version "1.1.0"
- resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.0.tgz#7232ed266f34d197d15cac5880232f7a4790afe5"
- integrity sha512-MhjYRfj3GBlhSkDHo6QmvgjRLXQ2zndabdf3nX0yTyZK9rPfxb6uRpAac8HXNLy1GpqWtZ81Qh4v3uOls2sRAg==
+object.hasown@^1.1.0, object.hasown@^1.1.1:
+ version "1.1.1"
+ resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.1.tgz#ad1eecc60d03f49460600430d97f23882cf592a3"
+ integrity sha512-LYLe4tivNQzq4JdaWW6WO3HMZZJWzkkH8fnI6EebWl0VZth2wL2Lovm74ep2/gZzlaTdV62JZHEqHQ2yVn8Q/A==
 dependencies:
- define-properties "^1.1.3"
- es-abstract "^1.19.1"
+ define-properties "^1.1.4"
+ es-abstract "^1.19.5"
 
 object.pick@^1.3.0:
 version "1.3.0"
@@ -10980,9 +11093,9 @@ pretty-format@^25.5.0:
 react-is "^16.12.0"
 
 prismjs@^1.23.0:
- version "1.26.0"
- resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.26.0.tgz#16881b594828bb6b45296083a8cbab46b0accd47"
- integrity sha512-HUoH9C5Z3jKkl3UunCyiD5jwk0+Hz0fIgQ2nbwU2Oo/ceuTAQAg+pPVnfdt2TJWRVLcxKh9iuoYDUSc8clb5UQ==
+ version "1.29.0"
+ resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12"
+ integrity sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==
 
 probe-image-size@^6.0.0:
 version "6.0.0"
@@ -11033,7 +11146,7 @@ prop-types@>=15.0.0:
 object-assign "^4.1.1"
 react-is "^16.8.1"
 
-prop-types@^15.6.1, prop-types@^15.7.2:
+prop-types@^15.6.1, prop-types@^15.7.2, prop-types@^15.8.1:
 version "15.8.1"
 resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
 integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -11294,7 +11407,12 @@ react-side-effect@^2.1.0:
 resolved "https://registry.yarnpkg.com/react-side-effect/-/react-side-effect-2.1.1.tgz#66c5701c3e7560ab4822a4ee2742dee215d72eb3"
 integrity sha512-2FoTQzRNTncBVtnzxFOk2mCpcfxQpenBMbk5kSVBg5UcPqV9fRbgY2zhb7GTWWOlpFmAxhClBDlIq8Rsubz1yQ==
 
-react-simple-animate@^3.3.12, react-simple-animate@^3.3.8:
+react-simple-animate@^3.3.12:
+ version "3.5.1"
+ resolved "https://registry.yarnpkg.com/react-simple-animate/-/react-simple-animate-3.5.1.tgz#6cdc1407864989b604d52200ffaaec8aa75c0505"
+ integrity sha512-VpQS4nYU3G8+xU9hMinbeFZqHRVe+rNicec+y+Jaz3kHCV5TlBSkTzoaz/Nycsh2ShoWWfqfhV3Rn8E85QNqZg==
+
+react-simple-animate@^3.3.8:
 version "3.3.12"
 resolved "https://registry.yarnpkg.com/react-simple-animate/-/react-simple-animate-3.3.12.tgz#ddea0f230feb3c1f069fbdb0a26e735e0b233265"
 integrity sha512-lFXjxD6ficcpOMsHfcDs1jqdkCve6jNlJnubOCzVOLswFDRANsaLN4KwpezDuliEFz8Q1zyj4J7Tmj3KMRnPcg==
@@ -11455,13 +11573,14 @@ regex-not@^1.0.0, regex-not@^1.0.2:
 extend-shallow "^3.0.2"
 safe-regex "^1.1.0"
 
-regexp.prototype.flags@^1.3.1:
- version "1.4.1"
- resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.1.tgz#b3f4c0059af9e47eca9f3f660e51d81307e72307"
- integrity sha512-pMR7hBVUUGI7PMA37m2ofIdQCsomVnas+Jn5UPGAHQ+/LlwKm/aTLJHdasmHRzlfeZwHiAOaRSo2rbBDm3nNUQ==
+regexp.prototype.flags@^1.4.1, regexp.prototype.flags@^1.4.3:
+ version "1.4.3"
+ resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac"
+ integrity sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==
 dependencies:
 call-bind "^1.0.2"
 define-properties "^1.1.3"
+ functions-have-names "^1.2.2"
 
 regexpp@^3.0.0, regexpp@^3.1.0:
 version "3.2.0"
@@ -11679,12 +11798,13 @@ resolve@^1.12.0, resolve@^1.14.2, resolve@^1.20.0, resolve@^1.3.2:
 supports-preserve-symlinks-flag "^1.0.0"
 
 resolve@^2.0.0-next.3:
- version "2.0.0-next.3"
- resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.3.tgz#d41016293d4a8586a39ca5d9b5f15cbea1f55e46"
- integrity sha512-W8LucSynKUIDu9ylraa7ueVZ7hc0uAgJBxVsQSKOXOyle8a93qXhcz+XAXZ8bIq2d6i4Ehddn6Evt+0/UwKk6Q==
+ version "2.0.0-next.4"
+ resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.4.tgz#3d37a113d6429f496ec4752d2a2e58efb1fd4660"
+ integrity sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==
 dependencies:
- is-core-module "^2.2.0"
- path-parse "^1.0.6"
+ is-core-module "^2.9.0"
+ path-parse "^1.0.7"
+ supports-preserve-symlinks-flag "^1.0.0"
 
 responselike@1.0.2, responselike@^1.0.2:
 version "1.0.2"
@@ -11773,6 +11893,15 @@ safe-buffer@5.2.1, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, s
 resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
 integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
+safe-regex-test@^1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.0.tgz#793b874d524eb3640d1873aad03596db2d4f2295"
+ integrity sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==
+ dependencies:
+ call-bind "^1.0.2"
+ get-intrinsic "^1.1.3"
+ is-regex "^1.1.4"
+
 safe-regex@^1.1.0:
 version "1.1.0"
 resolved "https://registry.yarnpkg.com/safe-regex/-/safe-regex-1.1.0.tgz#40a3669f3b077d1e943d44629e157dd48023bf2e"
@@ -12406,35 +12535,37 @@ string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2
 is-fullwidth-code-point "^3.0.0"
 strip-ansi "^6.0.1"
 
-string.prototype.matchall@^4.0.6:
- version "4.0.6"
- resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.6.tgz#5abb5dabc94c7b0ea2380f65ba610b3a544b15fa"
- integrity sha512-6WgDX8HmQqvEd7J+G6VtAahhsQIssiZ8zl7zKh1VDMFyL3hRTJP4FTNA3RbIp2TOQ9AYNDcc7e3fH0Qbup+DBg==
+string.prototype.matchall@^4.0.6, string.prototype.matchall@^4.0.7:
+ version "4.0.7"
+ resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.7.tgz#8e6ecb0d8a1fb1fda470d81acecb2dba057a481d"
+ integrity sha512-f48okCX7JiwVi1NXCVWcFnZgADDC/n2vePlQ/KUCNqCikLLilQvwjMO8+BHVKvgzH0JB0J9LEPgxOGT02RoETg==
 dependencies:
 call-bind "^1.0.2"
 define-properties "^1.1.3"
 es-abstract "^1.19.1"
 get-intrinsic "^1.1.1"
- has-symbols "^1.0.2"
+ has-symbols "^1.0.3"
 internal-slot "^1.0.3"
- regexp.prototype.flags "^1.3.1"
+ regexp.prototype.flags "^1.4.1"
 side-channel "^1.0.4"
 
-string.prototype.trimend@^1.0.4:
- version "1.0.4"
- resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz#e75ae90c2942c63504686c18b287b4a0b1a45f80"
- integrity sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A==
+string.prototype.trimend@^1.0.4, string.prototype.trimend@^1.0.5:
+ version "1.0.5"
+ resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz#914a65baaab25fbdd4ee291ca7dde57e869cb8d0"
+ integrity sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==
 dependencies:
 call-bind "^1.0.2"
- define-properties "^1.1.3"
+ define-properties "^1.1.4"
+ es-abstract "^1.19.5"
 
-string.prototype.trimstart@^1.0.4:
- version "1.0.4"
- resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz#b36399af4ab2999b4c9c648bd7a3fb2bb26feeed"
- integrity sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw==
+string.prototype.trimstart@^1.0.4, string.prototype.trimstart@^1.0.5:
+ version "1.0.5"
+ resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.5.tgz#5466d93ba58cfa2134839f81d7f42437e8c01fef"
+ integrity sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==
 dependencies:
 call-bind "^1.0.2"
- define-properties "^1.1.3"
+ define-properties "^1.1.4"
+ es-abstract "^1.19.5"
 
 string_decoder@^1.1.1:
 version "1.3.0"
@@ -13129,9 +13260,9 @@ typescript-plugin-css-modules@^3.2.0:
 tsconfig-paths "^3.9.0"
 
 typescript@^4.2.4:
- version "4.5.5"
- resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.5.5.tgz#d8c953832d28924a9e3d37c73d729c846c5896f3"
- integrity sha512-TCTIul70LyWe6IJWT8QSYeA54WQe8EjQFU4wY52Fasj5UKx88LNYKCgBEHcOMOrFF1rKGbD8v/xcNWVUq9SymA==
+ version "4.8.3"
+ resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.8.3.tgz#d59344522c4bc464a65a730ac695007fdb66dd88"
+ integrity sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig==
 
 typings-for-css-modules-loader@^1.7.0:
 version "1.7.0"
@@ -13142,14 +13273,14 @@ typings-for-css-modules-loader@^1.7.0:
 graceful-fs "4.1.4"
 loader-utils "0.2.16"
 
-unbox-primitive@^1.0.1:
- version "1.0.1"
- resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.1.tgz#085e215625ec3162574dc8859abee78a59b14471"
- integrity sha512-tZU/3NqK3dA5gpE1KtyiJUrEB0lxnGkMFHptJ7q6ewdZ8s12QrODwNbhIJStmJkd1QDXa1NRA8aF2A1zk/Ypyw==
+unbox-primitive@^1.0.1, unbox-primitive@^1.0.2:
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
+ integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
 dependencies:
- function-bind "^1.1.1"
- has-bigints "^1.0.1"
- has-symbols "^1.0.2"
+ call-bind "^1.0.2"
+ has-bigints "^1.0.2"
+ has-symbols "^1.0.3"
 which-boxed-primitive "^1.0.2"
 
 unbzip2-stream@^1.0.9:
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://github.com/react-hook-form/documentation/compare/master...improve-code-base.diff">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://github.com/react-hook-form/documentation/compare/master...improve-code-base.diff" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>