Búsqueda de sitios web
reactjs - React Table (Tanstack) aplicar clase al elemento th de forma condicional
Estoy usando @tanstack/react-table v8.5.13. Estoy tratando de hacer algo muy simple aquí, pero parece que no encuentro ninguna manera de hacerlo en la documentación.
Mi tabla tiene dos encabezados (un encabezado y un subencabezado definidos a continuación)
const columnHelper = createColumnHelper<ITableData>(); const columns = [ columnHelper.group({ id: 'Header', header: () => <Button variant='outlined'>Show all</Button>, columns: [ Leer más →typescript - Definir Tipo Personalizado para Tanstack Table FilterFunction
Escribí una función de filtro personalizada para Tanstack Table que hace uso de fuse.js.
Sin embargo, TypeScript se queja de todos mis intentos de definir el tipo de mi función personalizada.
Quiero que mi función cumpla con esta definición de tipo
export interface FilterFn<TData e Leer más →javascript - Ordenación personalizada en @tanstack/react-table v8
Tengo un problema con la declaración de tipos de ordenación personalizados. La documentación indica la declaración de la siguiente manera:
declare module '@tanstack/table-core' { interface SortingFns { myCustomSorting: SortingFn<unknown> } }Hice esto en un archivo externo .d.ts. Pero ahora esta propiedad se ha vuelto obligatoria y ahora debe especificarse en useReactTable.
const instance = useReactTable( { data, Leer más →reactjs - Manejo de undefined para el objeto de datos devuelto desde el hook useQuery de @tanstack/react-query con la regla de linting TS 'strict' configurada en true
Estoy trabajando en un nuevo proyecto donde la regla de linting de Typescript strict está establecida en true. Con esta regla, Typescript ya no tiene seguridad sobre el tipo de los datos devueltos por el hook useQuery del paquete @tanstack/reac
Leer más →reactjs - ¿Por qué Tanstack Table me está dando un error de incompatibilidad de tipos en la definición de mi celda?
Recientemente he estado aprendiendo a usar React y TypeScript y actualmente estoy intentando usar Tanstack Table para definir una tabla complicada utilizando tipos genéricos para su reutilización. Me estoy encontrando con errores de tipo en la forma en que estoy intentando expandir mi función personalizada para la definición de celdas.
El error:
Argument of type '{ getUniqueValues?: AccessorFn<BulkEditRow, unknown[]> | undefined; footer?: ColumnDefTemplate<HeaderC Leer más →reactjs - ¿Cómo generar un href para una ruta dada en Tanstack router?
Estoy usando React Spectrum y necesito usar su componente Link con TanStack React Router. Según la documentación de Spectrum, debo usar un proveedor superior y exponer la función que navegará a la ruta dada como cadena/href:
import { Provider, defaultTheme } from '@adobe/ Leer más →reactjs - Cómo desactivar o pasar a través del límite de errores de Tanstack Router
Tanstack router tiene un límite de errores incorporado que he descubierto que se puede personalizar estableciendo la propiedad defaultErrorComponent en el componente proveedor. Sin embargo, en lugar de personalizar este componente, quiero deshabilitarlo por completo, o al menos pasar el error hacia arriba en el árbol de componentes a otro límite que yo defina. Intenté simplemente volver a lanzar el error, pero parece que esto no tiene ningún efecto:
import { RouterP Leer más →reactjs - ¿Cómo puedo detener la re-renderización de TanStack React Table hasta que el campo de entrada esté completamente ingresado?
Estoy creando una tabla en la que se puede ingresar el precio unitario en una columna y otra columna calcula el precio total según el valor ingresado y el valor de otra columna "Cantidad" (precio total=cantidad * precio unitario). Implementé esto en una
Leer más →typescript - ¿Bajo qué condiciones la señal AbortSignal en la función useQuery de TanStack es indefinida?
La documentación de TanStack React Query (https://tanstack.com/query/v4/docs/react/guides/query-cancellation) explica cómo la propiedad queryFn puede recibir un objeto con una propiedad signal, que puede usarse para cancelar un
Leer más →typescript - Tanstack React Query useMutation siempre Verdadero en onSuccess
import { TNewServicesProps } from '@/_constants/types';
import api from '@/_libs/api';
import { useMutation, useQueryClient } from '@tanstack/react-query';
const useManageServices = (
method: 'create' | 'update' | 'delete',
item_id?: number | string,
values?: TNewServicesProps
Leer más →