React router does not see the URL

I am trying to make a simple game using Reactjs and react-router. My lobbies.jsx file is in src/components/lobbies.jsx. When I try to compile the app I get this error. What is causing this?

‘Failed to compile
./src/App.js
Line 62: ‘lobbies’ is not defined no-undef

Search for the keywords to learn more about each error.’

        return (
            <Card className={"hostgamename"} style={{width: '18rem', height: '20rem', justifyItems: 'center', marginLeft: '28rem', marginTop:'10rem', display: this.state.onClicked ? 'block': 'none' }}>
            <Card.Body>
                <Card.Title style={{textAlign: 'center', fontSize: '2rem'}}>What is your name, Detective?</Card.Title>
                <input type={"text"} style={{ width: '100%', marginTop:'2rem' }}/>

                <Router>
                    <Routes>
                        <Route path='lobbies.jsx'>
                            <NavLink to={lobbies.jsx}><Button onClick={createJoinRooom}  variant={" btn-primary btn-lg"} size={"xl"}>LET'S GO</Button></NavLink>
                        </Route>
                    </Routes>
                </Router>
            </Card.Body>
            </Card>);