From 90b835478bff710e785a782f34456cdba0c4a57b Mon Sep 17 00:00:00 2001 From: RJ <27843274+rjchow@users.noreply.github.com> Date: Fri, 9 Aug 2024 21:13:56 +0800 Subject: [PATCH] fix: wcadmin react18 createroot marketing coupons (#48832) Co-authored-by: Gan Eng Chin --- .../client/wp-admin-scripts/marketing-coupons/index.js | 8 +++----- .../fix-wcadmin-react18-createroot-marketing-coupons | 4 ++++ 2 files changed, 7 insertions(+), 5 deletions(-) create mode 100644 plugins/woocommerce/changelog/fix-wcadmin-react18-createroot-marketing-coupons diff --git a/plugins/woocommerce-admin/client/wp-admin-scripts/marketing-coupons/index.js b/plugins/woocommerce-admin/client/wp-admin-scripts/marketing-coupons/index.js index 0d3382f1e5b..5b593bff05d 100644 --- a/plugins/woocommerce-admin/client/wp-admin-scripts/marketing-coupons/index.js +++ b/plugins/woocommerce-admin/client/wp-admin-scripts/marketing-coupons/index.js @@ -1,7 +1,7 @@ /** * External dependencies */ -import { render } from '@wordpress/element'; +import { createRoot } from '@wordpress/element'; /** * Internal dependencies @@ -13,9 +13,7 @@ const postForm = document.getElementById( 'posts-filter' ); if ( postForm ) { const couponRoot = document.createElement( 'div' ); couponRoot.setAttribute( 'id', 'coupon-root' ); - - render( - , - postForm.parentNode.appendChild( couponRoot ) + createRoot( postForm.parentNode.appendChild( couponRoot ) ).render( + ); } diff --git a/plugins/woocommerce/changelog/fix-wcadmin-react18-createroot-marketing-coupons b/plugins/woocommerce/changelog/fix-wcadmin-react18-createroot-marketing-coupons new file mode 100644 index 00000000000..97441ed9d59 --- /dev/null +++ b/plugins/woocommerce/changelog/fix-wcadmin-react18-createroot-marketing-coupons @@ -0,0 +1,4 @@ +Significance: patch +Type: fix + +Changed from using React.render to React.createRoot for marketing coupons as it has been deprecated since React 18 \ No newline at end of file