React-Bootstrap File Input with React-Hook-Form

[lalittolani]

I am using React-Bootstrap file input with react hook form.

PO Attachment File } name="po_file" defaultValue={_fileObj}

                  control={control}
                  onChange={([event]) => {
                    // Place your logic here
                    //console.log(event.target);
                 
                    return event;
                  }}
                  rules={{
                    required: 'File is Required',
                  }}
                />
              </Form.File>
              } />
              {errors.po_file && (
                 
                  {errors.po_file.message ||
                    'No File is Selected. Please Upload a File'}
                 
              )}

</Form.Group >

I am getting error

"TypeError: can't access property "Input", react_bootstrap__WEBPACK_IMPORTED_MODULE_1__.Form.File is undefined"

[bluebill1049]

can you share a codesandbox for this question above? keep the codesndbox small and focused.