---
id: ApiProvider
title: ApiProvider
sidebar_label: ApiProvider
hide_title: true
description: 'RTK Query > API: ApiProvider reference'
---

&nbsp;

# `ApiProvider`

[summary](docblock://query/react/ApiProvider.tsx?token=ApiProvider)

[examples](docblock://query/react/ApiProvider.tsx?token=ApiProvider)

:::danger
Using this together with an existing Redux store will cause them to conflict with each other. If you are already using Redux, please follow the instructions as shown in the [Getting Started guide](../../introduction/getting-started).
:::

### Example

<iframe
  src="https://codesandbox.io/embed/github/reduxjs/redux-toolkit/tree/master/examples/query/react/with-apiprovider?fontsize=12&runonclick=1&hidenavigation=1&module=%2Fsrc%2FApp.tsx&theme=dark"
  style={{
    width: '100%',
    height: '800px',
    border: 0,
    borderRadius: '4px',
    overflow: 'hidden',
  }}
  title="RTK Query ApiProvider"
  allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"
  sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"
></iframe>