reactjs - React Table (Tanstack) aplicar classe ao elemento th condicionalmente
Estou a usar @tanstack/react-table v8.5.13. Estou a tentar fazer algo realmente simples aqui, mas parece que não encontro nenhuma forma de o fazer na documentação.
A minha tabela tem dois cabeçalhos (um cabeçalho e um subcabeçalho definidos abaixo)
const columnHelper = createColumnHelper<ITableData>(); const columns = [ columnHelper.group({ id: 'Header', header: () => <Button variant='outlined'>Show all</Button>, columns: [ columnH Ler mais →typescript - Definir Tipo Personalizado para Função de Filtro da Tanstack Table
Escrevi uma função de filtro personalizada para a Tanstack Table que faz uso do fuse.js.
No entanto, o TypeScript queixa-se de todas as minhas tentativas de definir o tipo da minha função personalizada.
Quero que a minha função cumpra esta definição de tipo
export interface FilterFn&l Ler mais →javascript - Ordenação personalizada em @tanstack/react-table v8
Tenho um problema com a declaração de tipos de ordenação personalizados. A documentação indica a declaração da seguinte forma:
declare module '@tanstack/table-core' { interface SortingFns { myCustomSorting: SortingFn<unknown> } }Fiz isto num ficheiro .d.ts externo. Mas agora esta propriedade tornou-se obrigatória e deve agora ser especificada em useReactTable.
const instance = useReactTable( { data, columns Ler mais →reactjs - Lidando com undefined para o objeto de dados retornado do hook useQuery do @tanstack/react-query com a regra de linting TS 'strict' definida como true
Estou a trabalhar num novo projeto onde a regra de lint do Typescript strict está definida como verdadeira. Com esta regra, o Typescript já não tem certeza do tipo dos dados retornados pelo hook useQuery do pacote @tanstack/react-query, pois po
Ler mais →reactjs - Porque é que o Tanstack Table me está a dar um erro de incompatibilidade de tipos na definição da minha célula
Tenho aprendido recentemente a usar React e TypeScript e atualmente estou a tentar usar Tanstack Table para definir uma tabela complicada usando tipos genéricos para reutilização. Estou a ter erros de tipo com a forma como estou a tentar espalhar a minha função personalizada para a definição da célula.
O erro:
Argument of type '{ getUniqueValues?: AccessorFn<BulkEditRow, unknown[]> | undefined; footer?: ColumnDefTemplate<HeaderContext<BulkEditRow, unknown>&g Ler mais →reactjs - Como gerar href para uma rota específica no Tanstack router?
Estou a usar o React Spectrum e preciso de usar o seu componente Link com o TanStack React Router. De acordo com a documentação do Spectrum, devo usar um provider superior e expor a função que irá navegar para a rota indicada pela string/href:
import { Provider, defaultTh Ler mais →reactjs - Como desativar ou contornar a fronteira de erro do Tanstack Router
O Tanstack router tem uma fronteira de erros incorporada que eu descobri que pode ser personalizada definindo a prop defaultErrorComponent no componente provider. No entanto, em vez de personalizar este componente, quero desativá-lo completamente, ou pelo menos passar o erro para cima na árvore de componentes para outra fronteira que eu defina. Tentei simplesmente relançar o erro, mas isso parece não ter efeito:
import { RouterProvider as TSRouteProvider } from '@ta Ler mais →reactjs - Como posso impedir a re-renderização da TanStack React Table até que o campo de entrada esteja totalmente preenchido?
Estou a criar uma tabela na qual o preço unitário pode ser inserido numa coluna e outra coluna calcula o preço total com base no valor introduzido e no valor de outra coluna "Quantidade" (preço total=qtd * preço unitário). Implementei isto numa tabela n
Ler mais →typescript - Em que condições o AbortSignal na função useQuery do TanStack é indefinido?
A documentação do TanStack React Query (https://tanstack.com/query/v4/docs/react/guides/query-cancellation) explica como a propriedade queryFn pode receber um objecto com uma propriedade signal, que pode ser usada para cancelar
Ler mais →typescript - Tanstack React Query useMutation sempre verdadeiro em 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
Ler mais →