Типа когда экспорт делаю из configureStore? У меня почему-то получается как будто 2 разных стора, между собой не связанных, один в приложении, и другой в сервисе.

Добро пожаловать в мир redux, где простые вещи становится сделать сложно. А сложные еще сложнее ))

хех понял , но  если я добавляю в зависимости получаеться бесконесный цикл
то-есть какой-то тупик у меня получился

  useEffect(() => {
        const observer = new IntersectionObserver(
            ([entry]) => {
                if (entry.isIntersecting) {
                    console.log(entry)
                    dispatch(fetchData(paginationOptions.usersPerPage, paginationOptions.currentPage));
                    dispatch(setCurrentPage());
                    console.log('It works!',paginationOptions.currentPage )
                }
            },
            {
                root: null,
                rootMargin: "0px",
                threshold: 0.1
            }
        );

         if (ref.current) {
             observer.observe(ref.current);
        }

        return () => { observer.unobserve(ref.current) }

    }, [ paginationOptions.currentPage]);

Ну я типа как бы решил проблему, оно работает, просто мой внутренний перфекционист протестует и говорит, что должен быть более изящный способ)

В каком-то отдельном сервисе, который не выходит за пределы api слоя
В сторе токен-то зачем?

если не хранить токен в сторе/стейте, то как определять, авторизован ли пользователь? Допустим, я отправляю запрос, он выдает 401, я удаляю токен. Как сделать перерендер?

а как вы определяете, авторизован ли пользователь, при старте приложения, когда стора еще пустая?)

  useEffect(() => {
        const observer = new IntersectionObserver(
            ([entry]) => {
                if (entry.isIntersecting) {
                    console.log(entry)
                    dispatch(fetchData(paginationOptions.usersPerPage, paginationOptions.currentPage));
                    dispatch(setCurrentPage());
                    console.log('It works!',paginationOptions.currentPage )
                }
            },
            {
                root: null,
                rootMargin: "0px",
                threshold: 0.1
            }
        );

         if (ref.current) {
             observer.observe(ref.current);
        }

        return () => { observer.unobserve(ref.current) }

    }, [ paginationOptions.currentPage]);

Проблему с обновлением переменной мы решили )
Дальше вам явно нужно изменить структуру useEffect.
Я не знаю что такое IntersectionObserver. Если это обычный Observable, то там точно не нужно создавать каждый раз новый.

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

Все лучшие практики собрали)

а как правильно?

Какой срок жизни у вашего токена?

Эта информация как-то поспособствует ответу на прошлый вопрос? Ну, допустим, час

ну хорошо, я должен хранить токен в httpOnly куках, чтобы их жсом не вытащили. Как поступить, если мое апи использует и браузер, и мобилка и использовать куки я не хочу?

Или какие еще есть варианты мест, где можно хранить токен?

Да нет, просто интересно было

"как правильно" - зависит от конкретной ситуации, но хранение jwt в ls считается не очень хорошей практикой и дырой в безопасности
jwt вообще не предназначен для того, чтобы его где-то хранить
Да и вообще, зайдем с другой стороны: зачем вам jwt? 😁

для авторизации, для чего же еще) Я понимаю, что дыра, альтернативы-то есть?)

"использовать куки я не хочу")
Я тоже много чего не хочу))

я же сказал, по какой причине

Сессии, например))

в мобильных приложениях, кажется, куков нет