Hello I need help with showing all of a certain piece of data. my code is below

const [server, setServer] = useState()

const getServer = useCallback(async () => {
   // const id = what do I do here?? 
   
    const unsubscribe = firebase.db.collection("servers").doc('S7FlCYEvxIVDs7MRymnK').onSnapshot(snapshot => {
        setServer(snapshot.data())
    })
    return unsubscribe
},[props.server])

useEffect(() => {
    getServer()
}, [props])

console.log(server)

you can see I want to replace the hard coded doc info with an id variable, so in my project I can show multiple servers instead of a hard coded one I choose.