[Copilot]

React components should validate prop types for type safety and maintainability. The errorPopover component was using untyped JavaScript props.

Changes

• Added ErrorPopoverProps interface defining all prop types:

  • error: string - error message content
  • anchorEl: HTMLElement | null - popover anchor element
  • open?: boolean - visibility control (defaults to true)
  • onClose?: () => void - close handler callback

• Fixed prop naming: handleClose → onClose to match actual usage in form.jsx

interface ErrorPopoverProps {
  error: string;
  anchorEl: HTMLElement | null;
  open?: boolean;
  onClose?: () => void;
}

export const ErrorPopover = ({
  error,
  anchorEl,
  open = true,
  onClose,
}: ErrorPopoverProps) => (
  // ...
);

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Refactor: Variables are missing in props validation (let's rewrite JS to TS) 20</issue_title>
<issue_description>Problem: Variables are missing in props validation
React components should validate prop types

Why is this an issue?
In JavaScript, props are typically passed as plain objects, which can lead to errors and confusion when working with components that have specific prop requirements. However, it lacks of type safety and clarity when passing props to components in a codebase.

By defining types for component props, developers can enforce type safety and provide clear documentation for the expected props of a component. This helps catch potential errors at compile-time. It also improves code maintainability by making it easier to understand how components should be used and what props they accept.

How can I fix it?
Let re-write the entire file on TypeScript and define types for all props.

Problem locations:
packages/ketcher-react/src/script/ui/component/form/form/errorPopover.jsx</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Refactor: Variables are missing in props validation (let's rewrite JS to TS) 20 #8628

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.