привет ребят! как грамотно реализовать редирект после отправки данных на сервер и успешном ответе?

есть форма, при сабмите я вызываю ивент эффектора с пэйлоадом формы и через sample отправляю в эффект, который отправляет данные на сервер.

и после того, как сервер ответит, если успешно то нужно сделать редирект (именно через роутер) на другую страницу.

в самой модели конечно не вариант юзать useHistory от react-router-dom. так как нужен реакт компонент, но и создавать к примеру переменную, к примеру $isDone и юзать ее в компоненте, в хуке эффекта, чтобы сделать редирект не очень-то и приятно.

// так не хочется юзать

const isDone = useStore($isDone)

React.useEffect(() => {
 isDone && history.push(path)
}, [isDone])

// так не хочется юзать

forward({fx.done, to: fxRedirect})

пробовал колю\к прокидывать вместе с пэйлоадом формы, но очень усложняет

fxRedirect а тут же не будет работать хук, не?

в эффекте

fxRedirect({handler: () => history.push()})

// так не хочется юзать

Юзать Router и свой инстанс history

это как? пример напишешь?)

я тебе выше написал

сейчас попробую, спасибо

юзай тот history  что ты при инициализации роутера использовал

че то все про него забывают как то

так он не требуется при инициализации

это не работет)

вот так я сделал:

const redirectFx = createEffect();

redirectFx.use(() => {
 console.log('1'); // выводится
 const history = useHistory();
 console.log('2', history); // не выводится
 history.push('/');
});

forward({
 from: sendFx.done,
 to: redirectFx,
});

useHistory должен вызываться как я понял в функциональном компоненте реакта

const redirectFx = createEffect();

ты рофлишь?

не использовал никакой

нет, скорее чего-то не понимаю

сейчас

ну не набрасывай ну видишь не знает человек просто

import { history } from 'config/history.config';