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

polymorphic/types

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

Polymorphic vs non-polymorphic component prop types

Non-polymorphic components include React.ComponentProps<'x'> in their props type where x is the root element. Polymorphic components do not include React.ComponentProps<'x'> in their props type because their root element can be changed and the props type can be inferred only after the component is rendered.

Dynamic component prop type annotation

When using a dynamic value in the component prop, provide types manually or disable type checking by passing any as a type argument to the polymorphic component: ```tsx import { Box } from '@mantine/core'; function KeepTypes() { return ( <Box<'input'> component={(Math.random() > 0.5 ? 'input' : 'div') as any} /> ); } function NukeTypes() { return ( <Box<any> component={Math.random() > 0.5 ? 'input' : 'div'} /> ); } ```

Give your agent this brain