React components should be rendered as standard JSX elements, not called as functions, and should follow established architectural patterns. This ensures consistency with React conventions and maintainability. When you see a component being called as a function like `WorkflowActionMenuItems(props)`, refactor it to proper JSX syntax: ``. Additionally, ensure components have proper data backing and follow established patterns in the codebase. Example of incorrect usage: ```tsx {WorkflowActionMenuItems(HUMAN_INPUT_ACTIONS, theme, handleCreateStep)} ``` Example of correct usage: ```tsx ``` This pattern maintains React's declarative nature and ensures components integrate properly with React's rendering system and developer tools.