I have using Mapbox to develop my React app and following an example in here https://visgl.github.io/react-map-gl/examples/geocoder. However the code of the original example is very confusing to me. And I was trying to customize the input field to something like here https://mui.com/material-ui/react-autocomplete/#google-maps-place