React-hook-form image

const ImageUploader = ({
  errorMessage, name, watch, register, validationRules
}: TProps) => (
  <Container>
    <Col1>
      <Title>Choose logo</Title>
      <input
        type="file"
        accept=".jpg,.jpeg,.png"
        {...register(name, {
          required: true,
          pattern: {
            value: validationRules,
            message: errorMessage
          }
        })}
        name={name}
      />
      <span>{errorMessage}</span>
    </Col1>
    <Image
      alt="default"
      src={
        watch === undefined || watch.length === 0
          ? 'https://upload.wikimedia.org/wikipedia/commons/7/78/Image.jpg'
          : URL.createObjectURL(watch[0])
      }
    />
  </Container>
)

Similar codes

1 vote355 views1 answer
React jsx style with calc
Javascript React
0 vote406 views1 answer
React Redux reducer combineReducers exemple
Javascript React
0 vote402 views2 answers
How to make a bot react to own message js
Javascript React
3 votes314 views1 answer
React two way binding
Javascript React
0 vote357 views1 answer
React testing library getBy image
Javascript React
0 vote362 views1 answer
React firebase add doc to collection
Javascript React
0 vote365 views1 answer
Can't bookmark react router
Javascript React
0 vote323 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React
-2 votes403 views1 answer
React native generate signed apk getting older version
Javascript React
7 votes376 views2 answers
Br in react native
Javascript React