)
}
```
**After:**
```jsx filename="pages/index.js"
import Link from 'next/link'
function Home() {
return (
About Us
)
}
export default Home
```
### Options
#### `pagesDir`
This rule can normally locate your `pages` directory automatically.
If you're working in a monorepo, we recommend configuring the [`rootDir`](/docs/pages/building-your-application/configuring/eslint#rootdir) setting in `eslint-plugin-next`, which `pagesDir` will use to locate your `pages` directory.
In some cases, you may also need to configure this rule directly by providing a `pages` directory. This can be a path or an array of paths.
```json filename="eslint.config.json"
{
"rules": {
"@next/next/no-html-link-for-pages": ["error", "packages/my-app/pages/"]
}
}
```
## Useful Links
- [next/link API Reference](/docs/pages/api-reference/components/link)