---
title: "renderWith"
source: "https://github.com/remix-run/remix/blob/8905f3943706e1f53696ab83e70a84873cabfc90/packages/render-middleware/src/lib/render.ts#L36"
---

# renderWith

## Summary

Adds a renderer to request context.

## Signature

```ts
function renderWith<renderer extends AnyRenderer>(
  createRenderer: RendererFactory<renderer>,
): Middleware<{ key: { defaultValue?: AnyRenderer }; property: 'render'; value: renderer }>

```

## Parameters

### `createRenderer`

A function that creates a renderer for each request.

## Returns

Middleware that stores the renderer in request context.