Convert TableRowCell to Typescript

frontend/src/Components/Table/Cells/TableRowCell.js

@@ -1,37 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import styles from './TableRowCell.css';
-
-class TableRowCell extends Component {
-
-  //
-  // Render
-
-  render() {
-    const {
-      className,
-      children,
-      ...otherProps
-    } = this.props;
-
-    return (
-      <td
-        className={className}
-        {...otherProps}
-      >
-        {children}
-      </td>
-    );
-  }
-}
-
-TableRowCell.propTypes = {
-  className: PropTypes.string.isRequired,
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
-};
-
-TableRowCell.defaultProps = {
-  className: styles.cell
-};
-
-export default TableRowCell;

frontend/src/Components/Table/Cells/TableRowCell.tsx

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import styles from './TableRowCell.css';
+
+export interface TableRowCellprops extends ComponentPropsWithoutRef<'td'> {}
+
+export default function TableRowCell({
+  className = styles.cell,
+  ...tdProps
+}: TableRowCellprops) {
+  return <td className={className} {...tdProps} />;
+}