Create FormFieldValues type

Author: selankon

packages/chakra-components/src/components/Election/Questions/Form.tsx

@@ -7,8 +7,10 @@ import { useConfirm } from '../../layout'
 import { QuestionsConfirmation } from './Confirmation'
 import { ElectionStateStorage, RenderWith, SubElectionState, SubmitFormValidation } from './Questions'
 
+export type FormFieldValues = Record<string, FieldValues>
+
 export type QuestionsFormContextState = {
-  fmethods: UseFormReturn<any>
+  fmethods: UseFormReturn<FormFieldValues>
 } & SpecificFormProviderProps &
   ReturnType<typeof useMultiElectionsProvider>
 
@@ -35,7 +37,7 @@ export type SpecificFormProviderProps = {
 export const QuestionsFormProvider: React.FC<
   PropsWithChildren<QuestionsFormProviderProps & SpecificFormProviderProps>
 > = ({ children, ...props }) => {
-  const fmethods = useForm()
+  const fmethods = useForm<FormFieldValues>()
   const multiElections = useMultiElectionsProvider({ fmethods, ...props })
 
   return (
@@ -85,7 +87,7 @@ export const constructVoteBallot = (election: PublishedElection, choices: FieldV
 const useMultiElectionsProvider = ({
   fmethods,
   confirmContents,
-}: { fmethods: UseFormReturn } & QuestionsFormProviderProps) => {
+}: { fmethods: UseFormReturn<FormFieldValues> } & QuestionsFormProviderProps) => {
   const { confirm } = useConfirm()
   const { client, isAbleToVote: rootIsAbleToVote, voted: rootVoted, election, vote } = useElection() // Root Election
   // State to store on memory the loaded elections to pass it into confirm modal to show the info