website/docs/latest/api/react-fela/FelaRenderer.mdx
# FelaRenderer
> **Note**: If you're working with React > 16.3, we **highly recommend** using the [useFela](api/react-fela/useFela) hook instead.<br />It's more easy and safe to use and also has the best rendering performance.
FelaRenderer is a consumer component leveraging the render-props pattern. It can be used to access the renderer object that is passed down via React's [context](https://reactjs.org/docs/context.html) APIs by a [RendererProvider](api/react-fela/RendererProvider).
## Props
| Property | Type | Description |
| -------- | ---------- | --------------------------------------------------------------------------- |
| children | _Function_ | A render function that receives the renderer object as its first parameter. |
## Imports
```javascript nocopy
import { FelaRenderer } from 'react-fela'
import { FelaRenderer } from 'preact-fela'
import { FelaRenderer } from 'inferno-fela'
```
## Example
```jsx
<FelaRenderer>
{renderer => (
// do something with the renderer
)}
</FelaRenderer>
```