---
url: /docs/guide/usage/linter/rules/nextjs/no-head-element.md
---
### What it does
Prevents the usage of the native `` element inside a Next.js application.
### Why is this bad?
A `` element can cause unexpected behavior in a Next.js application.
Use Next.js' built-in `next/head` component instead.
### Examples
Examples of **incorrect** code for this rule:
```jsx
function Index() {
return (
<>
My page title
);
}
export default Index;
```
Examples of **correct** code for this rule:
```jsx
import Head from "next/head";
function Index() {
return (
<>
My page title
);
}
export default Index;
```
## How to use
## Version
This rule was added in v0.2.1.
## References