Remove defaultProps from React package

React 18.3 added a deprecation warning for usage of defaultProps in functional components.
transifex · May 4, 2024 · c6bd549 · c6bd549
1 parent 805e1f8
commit c6bd549
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 12 deletions.
diff --git a/packages/react/src/components/LanguagePicker.jsx b/packages/react/src/components/LanguagePicker.jsx
@@ -10,7 +10,7 @@ import useTX from '../hooks/useTX';
   *
   * - className: the CSS class to use on the <select> tag */
 
-export default function LanguagePicker({ className }) {
+export default function LanguagePicker({ className = '' }) {
   const languages = useLanguages();
   const locale = useLocale();
   const tx = useTX();
@@ -31,7 +31,3 @@ export default function LanguagePicker({ className }) {
 LanguagePicker.propTypes = {
   className: PropTypes.string,
 };
-
-LanguagePicker.defaultProps = {
-  className: '',
-};
diff --git a/packages/react/src/components/T.jsx b/packages/react/src/components/T.jsx
@@ -25,6 +25,4 @@ export default function T({ _str, ...props }) {
   return useT()(_str, props);
 }
 
-T.defaultProps = {};
-
 T.propTypes = { _str: PropTypes.string.isRequired };
diff --git a/packages/react/src/components/UT.jsx b/packages/react/src/components/UT.jsx
@@ -18,7 +18,7 @@ import useT from '../hooks/useT';
  * `div` or a `span`.
  * */
 
-export default function UT({ _str, _inline, ...props }) {
+export default function UT({ _str, _inline = false, ...props }) {
   const translation = useT()(
     _str,
     { _inline, _escapeVars: true, ...props },
@@ -28,10 +28,6 @@ export default function UT({ _str, _inline, ...props }) {
   return React.createElement(parent, parentProps);
 }
 
-UT.defaultProps = {
-  _inline: false,
-};
-
 UT.propTypes = {
   _str: PropTypes.string.isRequired,
   _inline: PropTypes.bool,