Ссылка в React Router не позволит мне перемещаться, как ожидалось

Question

У меня есть приложение, которое позволяет вам перемещаться

/user => /user/userid

, когда я нахожусь на user/userid Я хочу создать ссылки на /reports/reportid

Я использую этот код

function ReportItem({ report }) {
    const to = `reports/${report.id}`

    return (
        <li className='user'>
            <Link to={to}>{report.date}</Link>
        </li>
    )
}

Однако в результате я перехожу на /users/reports/reportid вместо /reports/reportid. Я не могу понять, что я делаю здесь неправильно.

Answer 1

@ Комментарий kluddizz является правильным решением. Мне просто нужно обновить конфигурацию, чтобы префикс /, как показано ниже

function ReportItem({ report }) {
    const to = `/reports/${report.id}` // <=== prefixed a / to fix issue

    return (
        <li className='user'>
            <Link to={to}>{report.date}</Link>
        </li>
    )
}