# What changed in @emotion/jest

> 11 changes in @emotion/jest 10 to 11 from its official release notes, upgrade guides and advisories: 6 breaking, 2 new APIs and options. Each one cited. Sources checked 2026-10-25. HTML: https://unstale.sh/npm/@emotion/jest/

To see which of these apply to a repository, run `npx @unstale/cli init` in it.

## @emotion/jest 11

### Tooling

- @types/jest@30.x is now allowed as an optional peer dependency. (11.14.2) — [release notes](https://github.com/emotion-js/emotion/releases/tag/%40emotion/jest%4011.14.2)

## @emotion/jest 10

### Breaking changes

- Emotion 10 makes underlying class names harder to access; using class names directly does not provide features like zero-config server rendering. (10.0.0) — [upgrade guide](https://emotion.sh/docs/migrating-to-emotion-10)
- Emotion 10 shifts style composition from combining generated class names with `cx` to composing styles in the `css` prop. (10.0.0) — [upgrade guide](https://emotion.sh/docs/migrating-to-emotion-10)
- Migrate `styled` imports from `react-emotion` to `@emotion/styled`, with Emotion exports in a separate import. (10.0.0) — [upgrade guide](https://emotion.sh/docs/migrating-to-emotion-10)
- Replace `injectGlobal` usage with `Global` styles. (10.0.0) — [upgrade guide](https://emotion.sh/docs/migrating-to-emotion-10)
- Using the `css` prop requires importing `jsx` and setting the JSX pragma at the top of the source file. (10.0.0) — [upgrade guide](https://emotion.sh/docs/migrating-to-emotion-10)
- Emotion 10 requires React 16.3 or greater. (10.0.0) — [upgrade guide](https://emotion.sh/docs/migrating-to-emotion-10)

### New APIs and options

- Add a compat cache provider while the app still uses `css`, `keyframes` or `injectGlobal` from `emotion`; remove it after those usages are gone. (10.0.0) — [upgrade guide](https://emotion.sh/docs/migrating-to-emotion-10)
- Use `ClassNames` to generate styles for components that accept props such as `wrapperClassName`. (10.0.0) — [upgrade guide](https://emotion.sh/docs/migrating-to-emotion-10)

### Tooling

- Migrate `css` usage that generates a class name to the `css` prop. (10.0.0) — [upgrade guide](https://emotion.sh/docs/migrating-to-emotion-10)
- The plugin can automate the first part of the incremental migration to Emotion 10. (10.0.0) — [upgrade guide](https://emotion.sh/docs/migrating-to-emotion-10)