> For the complete documentation index, see [llms.txt](https://docs.rango.exchange/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rango.exchange/widget-integration/react-router.md).

# React Router

How to use Rango Widget with React Router?

In case React Router is being used in your project, the following code snippet can be used to integrate Rango Widget.

```typescript
import React from 'react';
import { Route, Routes } from 'react-router-dom';
import { Widget } from '@rango-dev/widget-embedded';

export function App() {
  return (
    <Routes>
      <Route path="/custom-url/*" element={<Widget config={config} />} />
    </Routes>
  );
}
```

Alternatively, if React Router is not being utilized, Rango Widget functions seamlessly with its integrated memory router.