chore: remove react-hook-form dev tool

this isn't removed in production builds refs react-hook-form/devtools#175
agrc · Nov 2, 2022 · f14d139 · f14d139
1 parent aff7dfd
commit f14d139
Show file tree

Hide file tree

Showing 4 changed files with 0 additions and 8 deletions.
diff --git a/src/components/pageElements/AddPoint.jsx b/src/components/pageElements/AddPoint.jsx
@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import { contrastColor } from 'contrast-color';
 import { CirclePicker } from 'react-color';
 import { Controller, useForm } from 'react-hook-form';
-import { DevTool } from '@hookform/devtools';
 import { useImmer } from 'use-immer';
 import { httpsCallable } from 'firebase/functions';
 import { useFunctions } from 'reactfire';
@@ -88,7 +87,6 @@ export default function AddPoint({
 
   return (
     <form onSubmit={handleSubmit(savePoint)}>
-      <DevTool control={control} />
       <h1 className="text-2xl font-bold">Add a Point</h1>
       <p className="my-3 text-sm leading-tight text-white">
         Saving points are available to help you remember points of interest when

diff --git a/src/components/pageElements/CornerSubmission/Datum.jsx b/src/components/pageElements/CornerSubmission/Datum.jsx
@@ -3,7 +3,6 @@ import clsx from 'clsx';
 import { Controller, useForm } from 'react-hook-form';
 import { ErrorMessage } from '@hookform/error-message';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { DevTool } from '@hookform/devtools';
 import { Tab } from '@headlessui/react';
 import Spacer from '../../formElements/Spacer.jsx';
 import { NumberedForm, NumberedFormSection } from '../../formElements/Form.jsx';
@@ -131,7 +130,6 @@ const CoordinatePicker = () => {
         <NumberedFormSection number={0}>
           <Wizard back={() => send('BACK')} next={true} clear={onReset} />
         </NumberedFormSection>
-        <DevTool control={control} />
       </NumberedForm>
     </>
   );

diff --git a/src/components/pageElements/CornerSubmission/GeographicCoordinates.jsx b/src/components/pageElements/CornerSubmission/GeographicCoordinates.jsx
@@ -3,7 +3,6 @@ import { ErrorMessage } from '@hookform/error-message';
 import { yupResolver } from '@hookform/resolvers/yup';
 import clsx from 'clsx';
 import { Controller, useForm } from 'react-hook-form';
-import { DevTool } from '@hookform/devtools';
 import { RadioGroup } from '@headlessui/react';
 import { Input } from '../../formElements/Inputs.jsx';
 import Spacer from '../../formElements/Spacer.jsx';
@@ -269,7 +268,6 @@ export const GeographicHeight = () => {
       <Spacer className="my-4" />
       <NumberedForm onSubmit={handleSubmit(onSubmit)}>
         <NumberedFormSection number={4} title="Ellipsoid Height">
-          <DevTool control={control} />
           <Input
             value={defaultValues.elevation}
             label={false}

diff --git a/src/components/pageElements/CornerSubmission/Metadata.jsx b/src/components/pageElements/CornerSubmission/Metadata.jsx
@@ -1,7 +1,6 @@
 import { useContext } from 'react';
 import { ErrorMessage } from '@hookform/error-message';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { DevTool } from '@hookform/devtools';
 import { Controller, useForm } from 'react-hook-form';
 import { ArrowTopRightOnSquareIcon } from '@heroicons/react/20/solid';
 import { SubmissionContext } from '../../contexts/SubmissionContext.jsx';
@@ -59,7 +58,6 @@ const Metadata = () => {
       <h3 className="text-2xl font-semibold">Monument Metadata</h3>
       <Spacer className="my-4" />
       <NumberedForm onSubmit={handleSubmit(onSubmit)}>
-        <DevTool control={control} />
         <NumberedFormSection number={1} title="Section Information">
           <div>
             <Input