reactjs - Kan ikke finde modulet '@tanstack/react-table' på trods af, at det er installeret

Jeg arbejder på et TypeScript React-projekt, og jeg prøver at importere ColumnDef fra @tanstack/react-table i min columns.tsx-fil.

import { ColumnDef } from "@tanstack/react-table"; export type Payment = { id: string; amount: number; status: "pe

Læs mere →

typescript - TanstackQuery V5 pageParam findes ikke på typen

jeg har denne kode. i v5 tanstack får jeg problemer med. i v4 har jeg ikke dette problem

const queryFn: QueryFunction<Awaited<ReturnType>>=({pageParam}) => notificationControllerGetNotification({cursor: pageParam, ...params}, axiosOptions);

TS2339: Egenskaben 'pageParam' findes ikke på t

Læs mere →

typescript - tRPC kaster en fejl i setData (useContext-wrapper af TanStack Query) efter jeg opdaterede det fra v10-rc til v10

Before: ├── @tanstack/[email protected] ├── @trpc/[email protected] ├── @trpc/[email protected] ├── @trpc/[email protected] ├── @trpc/[email protected] After: ├── @tanstack/[email protected] ├── @trpc/[ema

Læs mere →

javascript - Hvordan håndterer man tomme celleværdier i @tanstack/react-table?

Jeg prøver at finde en optimal måde at håndtere de tomme celleværdier på. Jeg har følgende kolonnedefinition, hvor alle felterne er valgfrie undtagen navn-feltet:

const columnHelper = createColumnHelper<{ name: string; contact_person?: string; phone_no?: string }>();

Læs mere →

reactjs - Hvordan bruger man tanstack table v8 til at filtrere data med datointerval?

Jeg har data, der kommer fra en API som:

const abc = [ { date: '2023-12-8', value: 'mop' },{ date: '2023-10-8', value: 'qrs' } ]

Hvordan binder man to inputfelter, så de fungerer som et datointerval? Datoen kommer som en streng, hvordan kan vi filtr

Læs mere →

reactjs - Hvordan man indpakker tanstack/router Link med en anden komponent, mens man bevarer typesikkerhed

Jeg vil gerne indpakke Link-komponenten fra Tanstack Router med en anden komponent og kunne give denne komponent de props, der skal gives til Link-komponenten.

Dvs. jeg vil lave en genbrugelig, der bruger og indpakker en ekstern knap med Tanstack

Læs mere →

javascript - Hvordan man bruger react/tanstack query useMutation i min komponent

Jeg er i øjeblikket ved at konvertere logikken i mit MERN-projekt (med TypeScript) til at bruge React/Tanstack query for bedre at lære dette værktøj.

Jeg vil bruge useMutation til at håndtere POST-forespørgselslogikken fra detaljerne indtastet i formularen i denne login-komponent, men kan

Læs mere →

reactjs - Kan ikke finde TData eller TValue i tanstack TypeScript-biblioteket

Jeg bruger react-table version 8, også kendt som Tanstack table. Hvorfor bliver typerne TData og TValue ikke fundet? Og hvad er den bedste måde at håndtere dette på?

Jeg har en funktion, der tager et argument af typen Cell. Hvis jeg bare skriver funktionen sådan her,

const getCellValue = (cell: Cell<TData, TValue>): void => { // .. function body }

Jeg får fejlen...

Læs mere →

reactjs - Hvordan opretter man typesikre links med ruteparametre med TanStack/Router og MUI?

Jeg forsøger at bruge tanstack-router med MUI Link-komponenten.

Når jeg prøver at bruge MUI-komponenten med en rute, der accepterer en parameter, får jeg en compile-fejl om Type '{ itemId: string; }' is not assignable to type 'Omit<never, never>'.

Hvordan kan jeg strukturere min kode, så TypeScript forstår parametrene for ruten?

Bemærk, at MUI-linket ser ud til at fungere korrekt, det typekontrolleres bare ikke.

Målruten, jeg prøver at linke til, ser

Læs mere →

reactjs - React-query & typescript - Kan ikke finde modulet '@tanstack/react-query' eller dets tilsvarende typedeklarationer.ts

Jeg arbejder på et React-projekt med TypeScript (opsat med create-react-script). Følger dokumentationen har jeg installeret react-query med

yarn add @tanstack/react-query

Men jeg bliver ved med at få Typescript-fejlen:

Læs mere →