10.45.2 • Published 6 months ago

@trpc/react-query v10.45.2

Weekly downloads
-
License
MIT
Repository
github
Last release
6 months ago

@trpc/react

Connect a tRPC server to React.

Documentation

Full documentation for @trpc/react-query can be found here

Installation

# npm
npm install @trpc/react-query@next @tanstack/react-query

# Yarn
yarn add @trpc/react-query@next @tanstack/react-query

# pnpm
pnpm add @trpc/react-query@next @tanstack/react-query

Basic Example

Create a utils file that exports tRPC hooks and providers.

import { createReactQueryHooks, createTRPCReact } from '@trpc/react-query';
import type { AppRouter } from './server';

export const trpc = createTRPCReact<AppRouter>();

Use the provider to connect to your API.

import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import React from 'react';
import { useState } from 'react';
import { trpc } from '~/utils/trpc';

export function App() {
  const [queryClient] = useState(() => new QueryClient());
  const [trpcClient] = useState(() =>
    trpc.createClient({
      url: 'http://localhost:5000/trpc',
    }),
  );
  return (
    <trpc.Provider client={trpcClient} queryClient={queryClient}>
      <QueryClientProvider client={queryClient}>
        {/* Your app here */}
      </QueryClientProvider>
    </trpc.Provider>
  );
}

Now in any component, you can query your API using the proxy exported from the utils file.

import { proxy } from '~/utils/trpc';

export function Hello() {
  const { data, error, status } = proxy.greeting.useQuery({ name: 'tRPC' });

  if (error) {
    return <p>{error.message}</p>;
  }

  if (status !== 'success') {
    return <p>Loading...</p>;
  }

  return <div>{data && <p>{data.greeting}</p>}</div>;
}
11.0.0-rc.833

6 months ago

11.0.0-rc.828

7 months ago

11.0.0-rc.824

7 months ago

11.0.0-rc.819

7 months ago

11.0.0-rc.818

7 months ago

11.0.0-rc.817

7 months ago

11.0.0-rc.814

7 months ago

11.0.0-rc.808

7 months ago

11.0.0-rc.807

7 months ago

11.0.0-rc.806

7 months ago

11.0.0-rc.804

7 months ago

11.0.0-rc.798

7 months ago

11.0.0-rc.797

7 months ago

11.0.0-rc.795

7 months ago

11.0.0-rc.791

7 months ago

11.0.0-rc.789

7 months ago

11.0.0-rc.788

7 months ago

11.0.0-rc.781

7 months ago

11.0.0-rc.772

7 months ago

11.0.0-rc.802

7 months ago

11.0.0-rc.800

7 months ago

11.0.0-rc.768

7 months ago

11.0.0-rc.764

7 months ago

11.0.0-rc.761

7 months ago

11.0.0-rc.755

7 months ago

11.0.0-rc.754

7 months ago

11.0.0-rc.753

7 months ago

11.0.0-rc.752

7 months ago

11.0.0-rc.750

7 months ago

11.0.0-rc.749

7 months ago

11.0.0-rc.748

7 months ago

11.0.0-rc.747

8 months ago

11.0.0-rc.746

8 months ago

11.0.0-rc.745

8 months ago

11.0.0-rc.744

8 months ago

11.0.0-rc.743

8 months ago

11.0.0-rc.741

8 months ago

11.0.0-rc.740

8 months ago

11.0.0-rc.730

8 months ago

11.0.0-rc.729

8 months ago

11.0.0-rc.724

8 months ago

11.0.0-rc.721

8 months ago

11.0.0-rc.719

8 months ago

11.0.0-rc.718

8 months ago

11.0.0-rc.716

8 months ago

11.0.0-rc.714

8 months ago

11.0.0-rc.711

8 months ago

11.0.0-rc.708

8 months ago

11.0.0-rc.699

8 months ago

11.0.0-rc.698

8 months ago

11.0.0-rc.700

8 months ago

11.0.0-rc.695

8 months ago

11.0.0-rc.694

8 months ago

11.0.0-rc.693

8 months ago

11.0.0-rc.692

8 months ago

11.0.0-rc.688

9 months ago

11.0.0-rc.682

9 months ago

11.0.0-rc.678

9 months ago

11.0.0-rc.677

9 months ago

11.0.0-rc.666

9 months ago

11.0.0-rc.660

10 months ago

11.0.0-rc.659

10 months ago

11.0.0-rc.657

10 months ago

11.0.0-rc.648

10 months ago

11.0.0-rc.645

10 months ago

11.0.0-rc.643

10 months ago

11.0.0-rc.642

10 months ago

11.0.0-rc.638

10 months ago

11.0.0-rc.637

10 months ago

11.0.0-rc.633

10 months ago

11.0.0-rc.632

10 months ago

11.0.0-rc.630

10 months ago

11.0.0-rc.621

11 months ago

11.0.0-rc.619

11 months ago

11.0.0-rc.608

11 months ago

11.0.0-rc.607

11 months ago

11.0.0-rc.599

11 months ago

11.0.0-rc.604

11 months ago

11.0.0-rc.601

11 months ago

11.0.0-rc.593

11 months ago

11.0.0-rc.592

11 months ago

11.0.0-rc.591

11 months ago

11.0.0-rc.590

11 months ago

11.0.0-rc.589

11 months ago

11.0.0-rc.588

11 months ago

11.0.0-rc.587

11 months ago

11.0.0-rc.586

11 months ago

11.0.0-rc.584

11 months ago

11.0.0-rc.580

11 months ago

11.0.0-rc.577

11 months ago

11.0.0-rc.576

11 months ago

11.0.0-rc.571

11 months ago

11.0.0-rc.569

12 months ago

11.0.0-rc.567

12 months ago

11.0.0-rc.566

12 months ago

11.0.0-rc.565

12 months ago

11.0.0-rc.563

12 months ago

11.0.0-rc.561

12 months ago

11.0.0-rc.560

12 months ago

11.0.0-rc.553

12 months ago

11.0.0-rc.552

12 months ago

11.0.0-rc.551

12 months ago

11.0.0-rc.544

12 months ago

11.0.0-rc.532

12 months ago

11.0.0-rc.531

12 months ago

11.0.0-rc.530

12 months ago

11.0.0-rc.498

1 year ago

11.0.0-rc.490

1 year ago

11.0.0-rc.489

1 year ago

11.0.0-rc.487

1 year ago

11.0.0-rc.528

12 months ago

11.0.0-rc.524

12 months ago

11.0.0-rc.522

1 year ago

11.0.0-rc.521

1 year ago

11.0.0-rc.520

1 year ago

11.0.0-rc.502

1 year ago

11.0.0-rc.501

1 year ago

11.0.0-rc.500

1 year ago

11.0.0-rc.485

1 year ago

11.0.0-rc.482

1 year ago

11.0.0-rc.480

1 year ago

11.0.0-rc.383

1 year ago

11.0.0-rc.382

1 year ago

11.0.0-rc.377

1 year ago

11.0.0-rc.477

1 year ago

11.0.0-rc.475

1 year ago

11.0.0-rc.474

1 year ago

11.0.0-rc.467

1 year ago

11.0.0-rc.466

1 year ago

11.0.0-rc.465

1 year ago

11.0.0-rc.461

1 year ago

11.0.0-rc.460

1 year ago

11.0.0-rc.459

1 year ago

11.0.0-rc.458

1 year ago

11.0.0-rc.456

1 year ago

11.0.0-rc.455

1 year ago

11.0.0-rc.452

1 year ago

11.0.0-rc.449

1 year ago

11.0.0-rc.446

1 year ago

11.0.0-rc.445

1 year ago

11.0.0-rc.444

1 year ago

11.0.0-rc.441

1 year ago

11.0.0-rc.439

1 year ago

11.0.0-rc.436

1 year ago

11.0.0-rc.435

1 year ago

11.0.0-rc.433

1 year ago

11.0.0-rc.432

1 year ago

11.0.0-rc.421

1 year ago

11.0.0-rc.419

1 year ago

11.0.0-rc.417

1 year ago

11.0.0-rc.413

1 year ago

11.0.0-rc.403

1 year ago

11.0.0-rc.402

1 year ago

11.0.0-rc.401

1 year ago

11.0.0-rc.396

1 year ago

11.0.0-rc.394

1 year ago

11.0.0-rc.390

1 year ago

11.0.0-rc.374

1 year ago

11.0.0-rc.373

1 year ago

11.0.0-rc.370

1 year ago

11.0.0-rc.369

1 year ago

11.0.0-rc.366

1 year ago

11.0.0-rc.364

1 year ago

11.0.0-rc.363

1 year ago

11.0.0-rc.362

1 year ago

11.0.0-rc.361

1 year ago

11.0.0-rc.359

1 year ago

11.0.0-rc.354

1 year ago

11.0.0-rc.351

1 year ago

11.0.0-rc.348

1 year ago

11.0.0-rc.347

1 year ago

11.0.0-rc.346

1 year ago

11.0.0-rc.345

1 year ago

11.0.0-rc.342

1 year ago

11.0.0-rc.340

1 year ago

11.0.0-rc.334

1 year ago

11.0.0-rc.332

1 year ago

11.0.0-rc.330

1 year ago

11.0.0-rc.329

1 year ago

11.0.0-next.326

1 year ago

11.0.0-next.325

1 year ago

11.0.0-next.327

1 year ago

11.0.0-next.322

1 year ago

11.0.0-next.324

1 year ago

11.0.0-next.323

1 year ago

11.0.0-next.320

2 years ago

10.45.2

2 years ago

10.45.2-canary.0

2 years ago

10.45.1

2 years ago

10.45.1-canary.9

2 years ago

10.45.1-canary.8

2 years ago

10.45.0

2 years ago

10.45.1-canary.1

2 years ago

10.45.1-canary.0

2 years ago

10.45.1-canary.3

2 years ago

10.45.1-canary.2

2 years ago

10.45.1-canary.4

2 years ago

11.0.0-alpha.131

2 years ago

10.41.0

2 years ago

10.38.1

2 years ago

10.38.0

2 years ago

10.38.3

2 years ago

10.38.2

2 years ago

10.38.5

2 years ago

10.38.4

2 years ago

10.42.0

2 years ago

10.39.0

2 years ago

10.36.0

2 years ago

10.40.0

2 years ago

10.37.0

2 years ago

10.37.1

2 years ago

10.34.1

2 years ago

10.34.0

2 years ago

10.35.0

2 years ago

10.43.5

2 years ago

10.43.4

2 years ago

10.43.7

2 years ago

10.43.6

2 years ago

10.43.1

2 years ago

10.43.0

2 years ago

10.43.3

2 years ago

10.43.2

2 years ago

11.0.0-next.92

2 years ago

11.0.0-next.91

2 years ago

10.44.0

2 years ago

10.44.1

2 years ago

10.33.1

2 years ago

10.33.0

2 years ago

10.30.0

2 years ago

10.32.0

2 years ago

10.31.0

2 years ago

10.28.0

2 years ago

10.26.0

2 years ago

10.24.0

2 years ago

10.28.1

2 years ago

10.28.2

2 years ago

10.27.0

2 years ago

10.27.1

2 years ago

10.25.0

2 years ago

10.25.1

2 years ago

10.23.1

2 years ago

10.29.0

2 years ago

10.27.2

2 years ago

10.29.1

2 years ago

10.27.3

2 years ago

10.21.3-alpha.3

2 years ago

10.21.3-alpha.2

2 years ago

10.21.3-alpha.9

2 years ago

10.21.3-alpha.8

2 years ago

10.21.3-alpha.7

2 years ago

10.22.0

2 years ago

10.21.3-alpha.1

2 years ago

10.21.1-alpha.2

2 years ago

10.21.1-alpha.1

2 years ago

10.21.1-alpha.0

2 years ago

10.21.3-test.0

2 years ago

10.23.0

2 years ago

10.21.2

2 years ago

10.21.0

2 years ago

10.21.1

2 years ago

10.20.0

2 years ago

10.17.0

3 years ago

10.15.0

3 years ago

10.19.1

2 years ago

10.19.0

2 years ago

10.16.0

3 years ago

10.14.1

3 years ago

10.18.0

3 years ago

10.14.0

3 years ago

10.13.1

3 years ago

10.13.2

3 years ago

10.13.0

3 years ago

10.12.0

3 years ago

10.9.1

3 years ago

10.11.1

3 years ago

10.10.0

3 years ago

10.11.0

3 years ago

10.5.0

3 years ago

10.6.0

3 years ago

10.7.0

3 years ago

10.8.0

3 years ago

10.9.0

3 years ago

10.8.1

3 years ago

10.8.2

3 years ago

10.4.3

3 years ago

10.4.2

3 years ago

10.4.1

3 years ago

10.4.0

3 years ago

10.3.0

3 years ago

10.2.0

3 years ago

10.1.0

3 years ago

10.0.0

3 years ago

10.0.0-rc.9

3 years ago

10.0.0-rc.8

3 years ago

10.0.0-rc.7

3 years ago

10.0.0-rc.6

3 years ago

10.0.0-rc.5

3 years ago

10.0.0-rc.4

3 years ago

10.0.0-rc.3

3 years ago

10.0.0-rc.2

3 years ago

10.0.0-rc.1

3 years ago

10.0.0-rc.0

3 years ago