Migrate plugins package to TS (WordPress#70773)

Co-authored-by: dhruvikpatel18 <dhruvik18@git.wordpress.org>
Co-authored-by: manzoorwanijk <manzoorwanijk@git.wordpress.org>

Author: 3 people

packages/plugins/src/components/index.js renamed to packages/plugins/src/components/index.ts

@@ -3,32 +3,34 @@
  */
 import { Component } from '@wordpress/element';
 
-export class PluginErrorBoundary extends Component {
-	/**
-	 * @param {Object} props
-	 */
-	constructor( props ) {
+/**
+ * Internal dependencies
+ */
+import type {
+	PluginErrorBoundaryProps as Props,
+	PluginErrorBoundaryState as State,
+} from '../../types';
+
+export class PluginErrorBoundary extends Component< Props, State > {
+	constructor( props: Props ) {
 		super( props );
 		this.state = {
 			hasError: false,
 		};
 	}
 
-	static getDerivedStateFromError() {
+	static getDerivedStateFromError(): State {
 		return { hasError: true };
 	}
 
-	/**
-	 * @param {Error} error Error object passed by React.
-	 */
-	componentDidCatch( error ) {
+	componentDidCatch( error: Error ): void {
 		const { name, onError } = this.props;
 		if ( onError ) {
 			onError( name, error );
 		}
 	}
 
-	render() {
+	render(): React.ReactNode {
 		if ( ! this.state.hasError ) {
 			return this.props.children;
 		}

packages/plugins/src/components/plugin-error-boundary/index.js renamed to packages/plugins/src/components/plugin-error-boundary/index.tsx

@@ -0,0 +1,24 @@
+/**
+ * Props for the PluginErrorBoundary component.
+ */
+export interface PluginErrorBoundaryProps {
+	/**
+	 * The name of the plugin that may encounter an error.
+	 */
+	name: string;
+	/**
+	 * The child components to render.
+	 */
+	children: React.ReactNode;
+	/**
+	 * Callback function called when an error occurs.
+	 */
+	onError?: ( name: string, error: Error ) => void;
+}
+
+/**
+ * State for the PluginErrorBoundary component.
+ */
+export interface PluginErrorBoundaryState {
+	hasError: boolean;
+}