From c6bd54999b147d839c8da84aff1041bef8323558 Mon Sep 17 00:00:00 2001
From: Luiz Borba <luiz.borba@gmail.com>
Date: Sun, 5 May 2024 00:49:07 +0200
Subject: [PATCH] Remove defaultProps from React package

React 18.3 added a deprecation warning for usage of defaultProps in functional components.
---
 packages/react/src/components/LanguagePicker.jsx | 6 +-----
 packages/react/src/components/T.jsx              | 2 --
 packages/react/src/components/UT.jsx             | 6 +-----
 3 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/packages/react/src/components/LanguagePicker.jsx b/packages/react/src/components/LanguagePicker.jsx
index 4a4d807f..e4302947 100644
--- 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
index 79f3a20d..a2bef8c3 100644
--- 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
index e9022385..2141a57d 100644
--- 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,