new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Mantine · all subjects

emotion/nextjs-app

5 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Next.js app router emotion setup dependencies

Install: @mantine/emotion @emotion/react @emotion/cache @emotion/serialize @emotion/utils @emotion/server

Next.js app router emotion.d.ts declaration

Create app/emotion.d.ts with: import '@mantine/core'; import type { EmotionStyles, EmotionSx } from '@mantine/emotion'; declare module '@mantine/core' { export interface BoxProps { sx?: EmotionSx; styles?: EmotionStyles; } }

Next.js app router EmotionRootStyleRegistry component

'use client' component that creates an emotion cache with compat mode enabled, tracks inserted styles, uses useServerInsertedHTML to inject styles server-side via style tags with data-emotion attribute, and wraps children with CacheProvider.

Next.js app router layout.tsx emotion setup

Import @mantine/core/styles.css, ColorSchemeScript and MantineProvider from @mantine/core, emotionTransform and MantineEmotionProvider from @mantine/emotion, and RootStyleRegistry component. Wrap children with RootStyleRegistry, then MantineEmotionProvider, then MantineProvider with stylesTransform={emotionTransform}. Include ColorSchemeScript in head.

Next.js app router 'use client' requirement

Most components using sx, styles or createStyles in Next.js app router require 'use client' directive.

Give your agent this brain