Да, но forwardRef же оборачивает его.

Привет, такой вопрос: какие минусы глобального стора?

ну да, как это пофиксить?

Подскажите ресурс где можно сайты готовые(код) посмотреть. Только не гитхаб, там неоч наглядно.

у тебя такой сайт в девтулзах есть в браузере

берешь и смотришь.

а вообще кек) гитхаб - не оч наглядно))

Тип пропс разьеденить и сделать type необъязательним. Примерно так

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

const defaultProps = {
  type: 'text'
};

type Ref = HTMLInputElement;

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

  return (
    <input name={name} type={type} placeholder={placeholder} ref={ref} />
  );
});

Input.defaultProps = defaultProps;

export const InputWithError = React.forwardRef<
  Ref,
  Partial<Props1> & {
    name: string;
    type?: string;
    placeholder: string;
    error: string | undefined;
  }
>((props, ref) => {
  const { error } = props;
  return (
    <>
      <Input {...defaultProps} {...props} ref={ref} />
    </>
  );
});

InputWithError.defaultProps = defaultProps;

const C = () => {
  return (
    <div>
      <InputWithError error='' name='' placeholder='' />
    </div>
  );
};

Гитхаб - лучший в этом дело. Но смотреть надо не в гитхабе, а клонировать код и в своем иде

Тамже переклмпилированный 100 раз и хз на чем он изначально был

-_-

Комиты для чего?

)))

он про девтулзы щас

Нуу хотелось бы совсем для чайников. Типо сначала картинка что из себя представляет сайт, а потом его код. И чтобы четко можно было выбрать на реакте. Вдруг что то есть подобное. Хотя наверно это мои мечты только😁

все просто - не начинай учиться с реакта

Ой, ладно.

тогда все понятно более менее и без такого будет

Ну эт да

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

const defaultProps = {
  type: 'text'
};

type Ref = HTMLInputElement;

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

  return (
    <input name={name} type={type} placeholder={placeholder} ref={ref} />
  );
});

Input.defaultProps = defaultProps;

export const InputWithError = React.forwardRef<
  Ref,
  Partial<Props1> & {
    name: string;
    type?: string;
    placeholder: string;
    error: string | undefined;
  }
>((props, ref) => {
  const { error } = props;
  return (
    <>
      <Input {...defaultProps} {...props} ref={ref} />
    </>
  );
});

InputWithError.defaultProps = defaultProps;

const C = () => {
  return (
    <div>
      <InputWithError error='' name='' placeholder='' />
    </div>
  );
};

попробую, спасибо