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

0 vote260 views1 answer
How to replace strings with react components
Javascript React
133 votes355 views6 answers
Create react project
Javascript React
0 vote245 views1 answer
Log errors react
Javascript React
0 vote395 views1 answer
React version on CMD
Javascript React
0 vote277 views2 answers
Reactjs firebase timestamp to date
Javascript React
0 vote247 views1 answer
React-native-calendars how to mark selected day
Javascript React
24 votes246 views5 answers
How to change port in react js
Javascript React
133 votes347 views6 answers
Using bootstrap with react
Javascript React
0 vote256 views1 answer
Vscode react cannot find moudle when import image
Javascript React
16 votes260 views2 answers
Render text in for loop react in function
Javascript React