How do I handle onFocus and onBlur event for multiple input elements using react-hook-form in a component

[dindustack]

This is the child element
import { Input, Text, View, VStack } from 'native-base'
import { Control, Controller } from 'react-hook-form'

import React from 'react'

export interface PropertyInputProps {
defaultValue: string
name: string
control: Control
isFocused?: () => void
onBlur?: () => void
}

export function PropertyInput({
control,
name,
defaultValue,
isFocused,
onBlur
}: PropertyInputProps) {
return (

<Controller
control={control}
name={name}
defaultValue={defaultValue}
render={({ field: { value, ref, onChange } }) => (

)}
/>

)
}

[bluebill1049]

not clear with your question and code snipt is hard to read.