fix: update to use createRoot instead of render

Codeinwp / otter-blocks

Create beautiful and attracting posts, pages, and landing pages with Gutenberg Blocks and Template Library by Otter.

https://wordpress.org/plugins/otter-blocks/

GNU General Public License v3.0

133 stars 33 forks source link

fix: update to use createRoot instead of render #2060

Closed HardeepAsrani closed 7 months ago

HardeepAsrani commented 7 months ago

Closes #2047.

Summary

Replace ReactDOM.render to use createRoot instead to remove console errors.

Test instructions

Make sure you don't see any errors in console when you use Otter. -->

Checklist before the final review

[ ] Included E2E or unit tests for the changes in this PR.
[x] Visual elements are not affected by independent changes.
[x] It is at least compatible with the minimum WordPress version.
[x] It loads additional script in frontend only if it is required.
[x] Does not impact the Core Web Vitals.
[x] In case of deprecation, old blocks are safely migrated.
[x] It is usable in Widgets and FSE.
[x] Copy/Paste is working if the attributes are modified.
[x] PR is following [the best practices]()

pirate-bot commented 7 months ago

Bundle Size Diff

Package	Old Size	New Size	Diff
Animations	237.69 KB	237.69 KB	0 B (0.00%)
Blocks	1.5 MB	1.5 MB	14 B (0.00%)
CSS	91.71 KB	91.71 KB	0 B (0.00%)
Dashboard	362.67 KB	362.69 KB	12 B (0.00%)
Onboarding	152.43 KB	152.43 KB	0 B (0.00%)
Export Import	89.53 KB	89.53 KB	0 B (0.00%)
Pro	354.02 KB	354.02 KB	0 B (0.00%)

pirate-bot commented 7 months ago

Plugin build for 41d503394d3c7cb2f58d422854895a91d51a4941 is ready :bellhop_bell:!

Download Otter – Page Builder Blocks & Extensions for Gutenberg - Production ~ Development
Download Otter Pro - Production ~ Development
Download Blocks Animation - Production ~ Development
Download Blocks CSS - Production ~ Development
Download Blocks Export Import - Production ~ Development

pirate-bot commented 7 months ago

E2E Tests

Playwright Test Status:

Performance Results

serverResponse: 195.05, firstPaint: 543.65, domContentLoaded: 1516.85, loaded: 1517.45, firstContentfulPaint: 8764.75, firstBlock: 10718.05, type: 50.22, minType: 46.96, maxType: 55.24, typeContainer: 13.28, minTypeContainer: 11.21, maxTypeContainer: 18.04, focus: 60.39, minFocus: 56.56, maxFocus: 68.39, inserterOpen: 23.16, minInserterOpen: 20.03, maxInserterOpen: 32.82, inserterSearch: 5.49, minInserterSearch: 5.23, maxInserterSearch: 5.64, inserterHover: 47.15, minInserterHover: 41.21, maxInserterHover: 55.48, listViewOpen: 131.97, minListViewOpen: 120, maxListViewOpen: 141.17

pirate-bot commented 6 months ago

:tada: This PR is included in version 2.6.3 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket: