SolidJS Router specific url redirects to main page

In my App.tsx I have this:

return (
    <div class="main">
        <Routes>
            {session() &&
                <Route path="/" component={Home}>
                    <Route path="/" />
                    <Route path="/profile/:id" component={Profile} />
                </Route>
                ||
                <Route path="/" component={Auth} />
            }
            <Route path="/settings" component={Settings} />
        </Routes>
    </div>
)

Whenever I go to "/profile/2" by typing it to the browser it redirects me back to "/".

How would I go about fixing this?

>Solution :

Your problem isn’t related to the snippet you’ve sent. Could you share some more details?