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-pages

3 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 pages router emotion cache setup

Create emotion/cache.ts file with: import createCache from '@emotion/cache'; export const emotionCache = createCache({ key: 'css' });

Next.js pages router _document.tsx emotion setup

Import createEmotionServer from '@emotion/server/create-instance', ColorSchemeScript from @mantine/core, createGetInitialProps from @mantine/emotion, and emotionCache. Create stylesServer with createEmotionServer(emotionCache). Set Document.getInitialProps to createGetInitialProps(NextDocument, stylesServer). Include ColorSchemeScript in Head.

Next.js pages router _app.tsx emotion setup

Wrap application with MantineEmotionProvider passing emotionCache prop, then wrap with MantineProvider with stylesTransform={emotionTransform}. Import @mantine/core/styles.css, emotionTransform and MantineEmotionProvider from @mantine/emotion.

Give your agent this brain