Не особо понял. В главном использую useFormik, а в инпутах useField

Вкладка одна и та же?

useField можно вызывать только внутри Formik

useField is a custom React hook that will automatically help you hook up inputs to Formik

с доки

Ну я перехожу с '/' - начальной страницы, на 'post/:id' . Это же не одна вкладка

Вкладка браузера то одна. Или нет?

да

Тогда роут нужно сделать примерно такой

<Route path="post/:id" component={...}/>

и в компоненте достать

useParams().id

- вот тут будет ид, а из стора уже достать по айдишнику

В компоненте, который рендерится на новой странице ты можешь взять id через useParams и тут же, моментально, взять из своего стора запись с этим id. Если такой записи там нет, то стор должен получить её так, как он умеет и отдать компоненту.

<Route path="post/:id" component={...}/>

useParams().id

Я просто не понимаю, как достать из стора запись по id. Пройтись по стору сравнивая id?

Например, да

Смотря какой стор, но скорее всего "Да".

Это зависит от «что у тебя за стор» и «как там хранятся данные»

Ты спрашиваешь, как имея коллекцию сущностей и id конкретной сущности получить эту сущность? Гугли поиск по массиву (или поиск по тому, в чём хранятся твои сущности)

Хорошо, спасибо за подсказку

Почему ошибка?

import React from "react";
import clsx from "clsx";
import { ErrorMessage } from "../ErrorMessage";

export type Props = {
  name: string;
  type?: string;
  placeholder: string;
  error: string | undefined;
} & typeof defaultProps;

const defaultProps = {
  type: "text",
};

type Ref = HTMLInputElement;

export const Input = React.forwardRef<Ref, Props>((props, ref) => {
  const { name, type, placeholder, error } = props;

  return (
    <input
      name={name}
      type={type}
      className={clsx(
        "form-control form-control-lg shadow-none",
        error && "border-danger"
      )}
      placeholder={placeholder}
      ref={ref}
    />
  );
});

Input.defaultProps = defaultProps;

export const InputWithError = React.forwardRef<Ref, Props>((props, ref) => {
  const { error } = props;
  return (
    <>
      <Input {...props} ref={ref} />
      <ErrorMessage message={error} className="mt-2" />
    </>
  );
});

InputWithError.defaultProps = defaultProps;

вопрос не в этом, а в том, почему убрать React.FC здесь недостаточно, чтобы починить проблему с типизацией defaultProps

Это же ТС, он ошибку и выдает что не передано тип.

type есть в defaultProps

Мне кажется просто нужно попробовать сделать обратный итероп стейта реакта в стм