---
url: /docs/guide/usage/linter/rules/vue/require-render-return.md
---

### What it does

Enforce that a `render` function always returns a value.

### Why is this bad?

A Vue component's `render` function must produce a VNode tree. If a
code path falls through without returning, Vue receives `undefined`
and silently renders nothing.

### Examples

Examples of **incorrect** code for this rule:

```vue
<script>
export default {
  render() {
    if (foo) {
      return h("div");
    }
    // falls through without returning
  },
};
</script>
```

Examples of **correct** code for this rule:

```vue
<script>
export default {
  render() {
    return h("div");
  },
};
</script>
```

## How to use

## Version

This rule was added in v1.67.0.

## References