Accessing smart select component methods with React

Questions
1

I cannot access the methods of this component that I use with React. I used useRef but it didn’t work and there is no reference to it in the document. Can you help me?

<ListItem title="Fruit" smartSelect ref={referance}>
        <select name="fruits" defaultValue="apple">
          <option value="apple">Apple</option>
        </select>
 </ListItem>

When I do this, the view is created incorrectly. html select options appear

const smartSelect = f7.smartSelect.create({
      el: '#smart-select',
      openIn: 'popover',
      closeOnSelect: true,
  })
2

The ref is accessed like this:

useEffect(() => {
    referance.current.f7SmartSelect()...
}, []);