Что не работает? )

useHistory

Потому, что оно работает только внутри контекста роутера

Почитай документацию, которую я выше скинул. Там все понятно описано

тут тоже получается нельзя использовать useParams В App

Где провайдер?

Ничего не мешает сделать роутинг отдельным компонентом, обернутым в контекст,  и делать это там

у меня в App js есть function

Warning: Text content did not match. Server: "Sign in" Client: "Yury" как это побороть? :(

{!isAuth() && (
           <>
             <NavbarText>
               <NavLink tag={Link} href="/signin"><a className='nav-link'>Sign in</a></NavLink>
             </NavbarText>
             <NavbarText>
               <NavLink tag={Link} href="/signup"><a className='nav-link'>Sign up</a></NavLink>
             </NavbarText>
           </>
         )}

         {isAuth() && isAuth().role === 0 && (
           <NavbarText>
             <NavLink tag={Link} href="/user"><a className='nav-link'>{${isAuth().name}}</a></NavLink>
           </NavbarText>
         )}

export const isAuth = () => {
 if (process.browser) {
   const cookieChecked = getCookie('token')
   if (cookieChecked) {
     if (localStorage.getItem('user')) {
       return JSON.parse(localStorage.getItem('user'))
     } else {
       return false
     }
   }
 }
}

Реализовать поддержку авторизации в изоморфном стиле - так что бы она работала и на сервере

это как)

Это класть токен не в LS а в httponly куку

не знаю как в нексте, но в наксте можно на сервере получить куки клиента и там же его авторизовать

голова ходит )))

надо бы поискать boilerplate для примера

о чудо но куки на сервере можно получить и без некста\нактса

я в курсе, но в наксте это сделано удобно в сторе