Type error when casting link-like items
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 45/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, tailwindcss, typescript
- Área
- frontend
Línea de trabajo
Comienza con las definiciones de props de SidebarItem y NavbarItem, especialmente con el reemplazo de ThemingProps mostrado en el issue, y compáralas con el ejemplo de Link personalizado. Ejecuta las comprobaciones de TypeScript del proyecto con un componente similar a un enlace; se considera terminado cuando se aceptan props del componente base como to sin un error de tipos.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
- I have searched the Issues to see if this bug has already been reported
- I have tested the latest version
Steps to reproduce
Create an element like a SidebarItem or NavbarItem and override the base element. For example, Remix/React Router has a custom Link element that enables client-side routing:
<SidebarItem
as={Link}
to="/settings"
>
Settings
</SidebarItem>
Current behavior
While the code itself works, typescript gives an error like the following:
TS2322: Type '{ children: string; as: ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>; to: string; icon: ForwardRefExoticComponent<...>; className: string; }' is not assignable to type 'IntrinsicAttributes & SidebarItemProps & RefAttributes<Element>'.
Property 'to' does not exist on type 'IntrinsicAttributes & SidebarItemProps & RefAttributes<Element>'.
Expected behavior
Typescript should allow passing the base components' props without an error.
Context
Typechecking only.
Note, these components' proptypes previously extended Record<string, unknown>, but that was replaced with ThemeingProps<ComponentTheme>.
For example:
export interface SidebarItemProps extends Omit<ComponentProps<"div">, "ref">,
Record<string, unknown> {}
but this has now been replaced with:
export interface SidebarItemProps extends Omit<ComponentProps<"div">, "ref">, ThemingProps<SidebarItemTheme> { };
- Lenguaje dominante
- TypeScript
- Estrellas
- 2.2k
- Forks
- 504
- Merge medio
- 19 h 16 min
- PR fusionados (30 d)
- 2
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de themesberg/flowbite-react
-
fix(Carousel): can't give dynamic children to CarouselPosiblemente ocupada Un pull request vinculado a esta issue está abierto o ya se fusionó. Abierto:bug: bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 62/100
themesberg/flowbite-react#1469 · 1 comentario ·
-
Pagination is broken if there is only one pagePosiblemente ocupada @Mukilan1600 la tomó hace 1022 días. Abierto:bug: bug confirmed good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
themesberg/flowbite-react#1048 · 7 comentarios · 1 reacción ·
-
:books: documentation help wanted
Dificultad 5/5 Más de una semana Aptitud para principiantes 35/100
themesberg/flowbite-react#1696 · 2 comentarios ·
-
Add a QRCode componentAbierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 15/100
themesberg/flowbite-react#1693 ·
-
NavbarCollapse closes when toggling a MegaMenuDropdown on mobileQuizá libre de nuevo @sarthak-11231 la tomó hace 46 días y no hay ningún pull request abierto. Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 58/100
themesberg/flowbite-react#1686 · 2 comentarios ·
Todos los issues de themesberg/flowbite-react
Issues similares
-
documentation good first issue roadmap
Dificultad 1/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
resend/react-email#3876 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
siyuan-note/siyuan#21324 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
dmno-dev/varlock#1279 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
himynameisdave/bsky-profanity-counter#59 ·
Los mantenedores suelen responder en 1 día