Почему {...props} с библиотеки не работают в next.js?

Question

luxurypluxury @luxurypluxury

Почему {...props} с библиотеки не работают в next.js?

Сделал ui библиотеку, запушил ее на npm. В чистом реакт проэкте стандартные пропсы допустим для инпута отлично работают, в next.js проэкте подсвечивает красным. Почему так?
Вот код инпута в библиотеке:

export interface AuthFieldProps {
    heading: string
}

const AuthField: React.FC<AuthFieldProps> = ({ heading, ...props }) => {
    return (
        <div className={styles.field}>
            <label htmlFor='field'>{heading}</label>
            <input id='field' {...props} />
        </div>
    )
}

Вопрос задан более двух лет назад
102 просмотра

Комментировать

Подписаться 1 Простой Комментировать

Answer 1 · 2023-03-04 15:40:18

Слушай, А попробуй так:

import React, { InputHTMLAttributes } from 'react';
import styles from './AuthField.module.css';

export interface AuthFieldProps extends InputHTMLAttributes<HTMLInputElement> {
  heading: string;
}

const AuthField: React.FC<AuthFieldProps> = ({ heading, ...props }) => {
  return (
    <div className={styles.field}>
      <label htmlFor='field'>{heading}</label>
      <input id='field' {...props} />
    </div>
  );
};

Почему {...props} с библиотеки не работают в next.js?

Войдите на сайт