{
  "context": "This criteria evaluates the engineer's ability to work with React element types, including ReactElement, ReactNode, and associated utility functions. The focus is on proper usage of isValidElement for type checking, createElement for element creation, cloneElement for element manipulation, and correct TypeScript typing with React's element type system.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Element validation",
      "description": "Uses isValidElement() function to check if a value is a valid React element in the isRenderable implementation",
      "max_score": 25
    },
    {
      "name": "Element creation",
      "description": "Uses createElement() to programmatically create a div element with props and children in the wrapContent implementation",
      "max_score": 20
    },
    {
      "name": "Element cloning",
      "description": "Uses cloneElement() to create a copy of an element with merged props in the cloneWithProps implementation",
      "max_score": 25
    },
    {
      "name": "ReactNode typing",
      "description": "Uses ReactNode type for parameters and return values that accept any renderable content (strings, numbers, elements, null, etc.)",
      "max_score": 15
    },
    {
      "name": "ReactElement typing",
      "description": "Uses ReactElement type or JSX.Element type for return values and parameters that specifically represent element objects",
      "max_score": 10
    },
    {
      "name": "Type guard usage",
      "description": "Uses isValidElement as a type guard to narrow types from unknown or ReactNode to ReactElement in conditional logic",
      "max_score": 5
    }
  ]
}