Reactjs फ़ंक्शन JSX वापस नहीं कर रहा है

मैं जेएसएक्स वापस करने के लिए एक समारोह लिखने की कोशिश कर रहा हूं, लेकिन यह किसी भी तरह काम नहीं करता है। क्या कोई विरोध है कि मेरा कार्य कोई मूल्य क्यों नहीं लौटा रहा है। मैंने स्ट्रिंग्स, सूचियों की कोशिश की है, लेकिन ऐसा लगता है कि कुछ भी वापस नहीं आ रहा है।

मेरा कार्य:

const modifyScores = () => {
        teams.map(team => {
            if (team.team_name === activeTeam) {
                let scoresList = []

                Object.entries(team).map(([key, value]) => {
                    if (key.startsWith('r')) {
                        const obj = {"round": parseInt(key.substring(1)), "score": value}
                        scoresList.push(obj)
                    }
                })

                scoresList.sort((a, b) => a.round - b.round)
                
                console.log(scoresList)
                //return <Button>test</Button>
                return scoresList.map(s => <Button>r: {s.round}</Button>)
            }
        })
}

मेरा JSX:

{modifyScores()}