Pesquisa de site
reactjs - React Table (Tanstack) aplicar classe ao elemento th condicionalmente
Estou usando @tanstack/react-table v8.5.13. Estou tentando fazer algo realmente simples aqui, mas parece que não encontro uma maneira de fazer isso na documentação.
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: [ columnHe Consulte Mais informação →typescript - Definir Tipo Personalizado para Função de Filtro da Tanstack Table
Eu escrevi uma função de filtro personalizada para a Tanstack Table que faz uso do fuse.js.
No entanto, o TypeScript reclama de todas as minhas tentativas de definir o tipo da minha função personalizada.
Eu quero que minha Função cumpra esta definição de tipo
export interface FilterFn Consulte Mais informação →javascript - Ordenação personalizada no @tanstack/react-table v8
Tenho um problema ao declarar tipos de ordenação personalizados. A documentação declara a declaração da seguinte forma:
declare module '@tanstack/table-core' { interface SortingFns { myCustomSorting: SortingFn<unknown> } }Eu fiz isso em um arquivo externo .d.ts. Mas agora essa propriedade se tornou obrigatória e agora deve ser especificada em useReactTable.
const instance = useReactTable( { data, columns, Consulte Mais informação →reactjs - Lidando com undefined para objeto de dados retornado do hook useQuery do @tanstack/react-query com a regra de linting TS 'strict' definida como true
Estou trabalhando em um novo projeto onde a regra de lint do Typescript strict está definida como verdadeira. Com esta regra, o Typescript não tem mais certeza do tipo dos dados retornados pelo hook useQuery do pacote @tanstack/react-query, poi
Consulte Mais informação →reactjs - Por que o Tanstack Table está me dando um erro de incompatibilidade de tipo na definição da minha célula
Tenho aprendido a usar React e TypeScript recentemente e atualmente estou tentando usar Tanstack Table para definir uma tabela complicada usando tipos genéricos para reutilização. Estou encontrando erros de tipo com a forma como estou tentando espalhar minha função personalizada para a definição de células.
O erro:
Argument of type '{ getUniqueValues?: AccessorFn<BulkEditRow, unknown[]> | undefined; footer?: ColumnDefTemplate<HeaderContext<BulkEditRow, unknown& Consulte Mais informação →reactjs - Como gerar href para uma rota específica no Tanstack router?
Estou usando o React Spectrum e preciso usar seu componente Link com o TanStack React Router. De acordo com a documentação do Spectrum, devo usar um provedor superior e expor a função que irá navegar para a rota fornecida em string/href:
import { Provider, defaultTheme } Consulte Mais informação →reactjs - Como desativar ou passar pela fronteira de erros do Tanstack Router
O Tanstack router possui um limite de erro integrado que eu descobri que você pode personalizar definindo a propriedade defaultErrorComponent no componente provedor. No entanto, em vez de personalizar esse componente, eu quero desativá-lo completamente, ou pelo menos passar o erro para cima na árvore de componentes para outro limite que eu definir. Eu tentei simplesmente lançar o erro novamente, mas isso parece não ter efeito:
import { RouterProvider as TSRouteProvi Consulte Mais informação →reactjs - Como posso parar a re-renderização do TanStack React Table até que o campo de entrada esteja totalmente preenchido?
Estou criando uma tabela na qual o preço unitário pode ser inserido em uma coluna e outra coluna calcula o preço total com base no valor inserido e no valor de outra coluna "Quantidade" (preço total=qtd * preço unitário). Eu implementei isso em uma tabe
Consulte Mais informação →typescript - Sob quais 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 objeto com uma propriedade signal, que pode ser usada para cancelar
Consulte Mais informação →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
Consulte Mais informação →