add TS support for PostTitle component

components/post-title/index.js → components/post-title/index.tsx

@@ -1,11 +1,21 @@
 import { useEntityProp } from '@wordpress/core-data';
 import { RichText, store as blockEditorStore } from '@wordpress/block-editor';
 import { useSelect } from '@wordpress/data';
-import PropTypes from 'prop-types';
 import { usePost } from '../../hooks';
 
-export const PostTitle = (props) => {
-	const { tagName: TagName = 'h1', ...rest } = props;
+interface PostTitleProps {
+	/**
+	 * The HTML tag name to use for the title.
+	 */
+	tagName?: keyof JSX.IntrinsicElements;
+
+	/**
+	 * Additional props to pass to the title element.
+	 */
+	[key: string]: any;
+}
+
+export const PostTitle: React.FC<PostTitleProps> = ( { tagName: TagName = 'h1', ...rest } ) => {
 	const { postId, postType, isEditable } = usePost();
 
 	const [rawTitle = '', setTitle, fullTitle] = useEntityProp(
@@ -37,10 +47,6 @@ export const PostTitle = (props) => {
 	);
 };
 
-PostTitle.propTypes = {
-	tagName: PropTypes.string,
-};
-
 PostTitle.defaultProps = {
 	tagName: 'h1',
 };