errors/doc-crossorigin-deprecated.mdx

---
title: '`Head` or `NextScript` attribute `crossOrigin` is deprecated'
---

## Why This Error Occurred

This option has been moved to `next.config.js`.

## Possible Ways to Fix It

Add the config option:

```js filename="next.config.js"
module.exports = {
  crossOrigin: 'anonymous',
}
```

## Useful Links

- [The issue this was reported in: #5674](https://github.com/vercel/next.js/issues/5674)
docs: Migrate error messages to MDX and App Router. (#52038) This PR is part of a larger effort to migrate error messages to MDX and use App Router: https://github.com/vercel/front/pull/23459 2023-07-05 14:11:16 +01:00			`---`
			title: '`Head` or `NextScript` attribute `crossOrigin` is deprecated'
			`---`
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated. 2018-12-12 18:05:21 -06:00
docs: Migrate error messages to MDX and App Router. (#52038) This PR is part of a larger effort to migrate error messages to MDX and use App Router: https://github.com/vercel/front/pull/23459 2023-07-05 14:11:16 +01:00			`## Why This Error Occurred`
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated. 2018-12-12 18:05:21 -06:00
			This option has been moved to `next.config.js`.

docs: Migrate error messages to MDX and App Router. (#52038) This PR is part of a larger effort to migrate error messages to MDX and use App Router: https://github.com/vercel/front/pull/23459 2023-07-05 14:11:16 +01:00			`## Possible Ways to Fix It`
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated. 2018-12-12 18:05:21 -06:00
			`Add the config option:`

docs: Migrate error messages to MDX and App Router. (#52038) This PR is part of a larger effort to migrate error messages to MDX and use App Router: https://github.com/vercel/front/pull/23459 2023-07-05 14:11:16 +01:00			```js filename="next.config.js"
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated. 2018-12-12 18:05:21 -06:00			`module.exports = {`
Move syntax formatting to prettier (#7454) * Run prettier over packages/*/.js * Run prettier over packages/*/.ts * Run prettier over examples * Remove tslint * Run prettier over examples * Run prettier over all markdown files * Run prettier over json files 2019-05-29 13:57:26 +02:00			`crossOrigin: 'anonymous',`
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated. 2018-12-12 18:05:21 -06:00			`}`
			```

docs: Migrate error messages to MDX and App Router. (#52038) This PR is part of a larger effort to migrate error messages to MDX and use App Router: https://github.com/vercel/front/pull/23459 2023-07-05 14:11:16 +01:00			`## Useful Links`
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated. 2018-12-12 18:05:21 -06:00
Update references to zeit/next.js (#13463) 2020-05-27 17:51:11 -04:00			`- [The issue this was reported in: #5674](https://github.com/vercel/next.js/issues/5674)`