如何在模板文本中使用 Async Await

问：

下面的代码只返回字符串文字。我在某处读到模板字符串中的 Async-Await 需要有顶级 await，但就我而言，我怎样才能获得顶级 await？

import { Autocomplete, TextField } from "@mui/material";
import usePlacesAutocomplete, {getGeocode, getZipCode} from "use-places-autocomplete";


const Places = () => { 
<Autocomplete        
   renderOption={(props, option) => 
     <li {...props}> 
        {`${ async () => await getGeocode({placeId: option.place_id})
                                .then(results => getZipCode(results[0], true))()}
        `}
        </li> }
      />
}