Типизировать src,The expected type comes from property ‘src’ which is declared here on type?

Ошибка "The expected type comes from property 'src' which is declared here on type" возникает в React, когда вы пытаетесь передать недопустимый тип данных в атрибут "src" компонента.

Когда вы используете типизацию в React с помощью TypeScript, вы можете явно указать ожидаемый тип данных для каждого свойства компонента. В данном случае, ошибка возникает, потому что ожидается, что свойство "src" будет иметь определенный тип данных, но фактическое значение, которое вы передаете, не соответствует этому типу.

Чтобы исправить эту ошибку, вам необходимо убедиться, что тип передаваемого значения соответствует ожидаемому типу для свойства "src".

Например, если вы ожидаете, что свойство "src" будет содержать строку, то вы должны убедиться, что передаваемое значение является строкой. Если вы передаете переменную, убедитесь, что она имеет правильный тип данных. Если вы передаете результат функции или выражения, убедитесь, что он возвращает корректный тип данных для "src".

Приведу небольшой пример:

interface MyComponentProps {
  src: string;
}

const MyComponent: React.FC<MyComponentProps> = ({ src }) => {
  return <img src={src} />;
}

В приведенном выше примере, мы определяем тип "MyComponentProps", который содержит свойство "src" с типом "string". Затем мы используем этот тип в компоненте "MyComponent". Если бы мы передали в компонент "MyComponent" значение другого типа, мы получили бы ошибку "The expected type comes from property 'src' which is declared here on type".

Таким образом, чтобы исправить данную ошибку, вам необходимо убедиться, что тип передаваемого значения соответствует ожидаемому типу для свойства "src". Если же требуется использовать другой тип, нужно проверить соответствие типов и обновить определение типа в соответствии с этими требованиями.