React PhotoBrowser photos Props not work

Questions
1

The code is:

const MyComponents = () => {
    [photos, setPhotos] = useState([])

    return (<div>
         <PhotoBrowser
            photos={photos}
            ref={ref}
          />
        <Button onClick={_ => setPhotos([{url: 'xxx.jpg', caption: ''}])}>click</Button> 
    </div>)
}

update photos state not works

2

It is not reactive once it created. Don’t render photobrowser component when there is no photos or add them as ref.f7PhotoBrowser.params.photos = [...]