This is a simple app to get the coordinates of countries based on their name. The reason to implement is to have auto-complete sample here and you can see that is connected to a table.
Used a package like this
import { CUIAutoComplete } from "chakra-ui-autocomplete";
<CUIAutoComplete
label="Choose Countries to get Coordinates"
placeholder="Type a Country"
items={pickerItems}
disableCreateItem
selectedItems={selectedItems}
onSelectedItemsChange={(changes) =>
handleSelectedItemsChange(changes.selectedItems)
}
/>