Console Error + multiple Warnings in Themer Templates

zeinnicholas · April 16, 2024, 11:14pm

Description:

When editing any Themer Template, Cwicly throws an error and a few warnings. I’m ok with these, as with Cwicly I’ve always seen console warnings. However, there is one that does concern me since it states that the method used was deprecated in 6.3, and scheduled to be removed in 6.5. Since we are already in 6.5, I’m not sure this should be finally addressed.

The method in question is:


wp.data.select( 'core/block-editor' ).__unstableGetClientIdsTree is deprecated since version 6.3 and will be removed in version 6.5.

Step-by-step reproduction instructions:

Open the Cwicly Themer (Site Editor)
Click to edit any template. For this example I’ve chosen the Index template.
Open the browser console and wait for the editor to load.
Check the warnings.

Screenshots, screen recording, code snippet

See the full console log


load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=373162be97e742584bc65ae13617bd08:5 JQMIGRATE: Migrate is installed, version 3.4.1
data.min.js?ver=e6595ba1a7cd34429f66:2 Store "core/interface" is already registered.
c @ data.min.js?ver=e6595ba1a7cd34429f66:2
register @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ edit-post.min.js?ver=82b743695f8ef1673753:7
(anonymous) @ edit-post.min.js?ver=82b743695f8ef1673753:7
(anonymous) @ edit-post.min.js?ver=82b743695f8ef1673753:7
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
wp-tinymce.js?ver=49110-20201110:3 [Violation] Avoid using document.write(). https://developers.google.com/web/updates/2016/08/removing-document-write
bw @ wp-tinymce.js?ver=49110-20201110:3
ww @ wp-tinymce.js?ver=49110-20201110:3
Aw @ wp-tinymce.js?ver=49110-20201110:3
(anonymous) @ wp-tinymce.js?ver=49110-20201110:3
(anonymous) @ wp-tinymce.js?ver=49110-20201110:3
jt @ wp-tinymce.js?ver=49110-20201110:3
u @ wp-tinymce.js?ver=49110-20201110:3
Ri.loadScripts @ wp-tinymce.js?ver=49110-20201110:3
Ri.loadQueue @ wp-tinymce.js?ver=49110-20201110:3
(anonymous) @ wp-tinymce.js?ver=49110-20201110:3
waitFor @ wp-tinymce.js?ver=49110-20201110:3
(anonymous) @ wp-tinymce.js?ver=49110-20201110:3
(anonymous) @ wp-tinymce.js?ver=49110-20201110:3
jt @ wp-tinymce.js?ver=49110-20201110:3
u @ wp-tinymce.js?ver=49110-20201110:3
Ri.loadScripts @ wp-tinymce.js?ver=49110-20201110:3
Ri.loadQueue @ wp-tinymce.js?ver=49110-20201110:3
(anonymous) @ wp-tinymce.js?ver=49110-20201110:3
Ow @ wp-tinymce.js?ver=49110-20201110:3
Bw @ wp-tinymce.js?ver=49110-20201110:3
render @ wp-tinymce.js?ver=49110-20201110:3
n @ wp-tinymce.js?ver=49110-20201110:3
(anonymous) @ wp-tinymce.js?ver=49110-20201110:3
jt @ wp-tinymce.js?ver=49110-20201110:3
e @ wp-tinymce.js?ver=49110-20201110:3
C @ wp-tinymce.js?ver=49110-20201110:3
d @ wp-tinymce.js?ver=49110-20201110:3
a @ wp-tinymce.js?ver=49110-20201110:3
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 wp.data.select( 'core/block-editor' ).__unstableGetClientIdsTree is deprecated since version 6.3 and will be removed in version 6.5.
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
(anonymous) @ block-editor.min.js?ver=f192218ec9fd5b103f38:26
l @ block-editor.min.js?ver=f192218ec9fd5b103f38:26
r @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ index.js?ver=1.4.1.3:1
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:9
__unstableMarkListeningStores @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:2
p @ data.min.js?ver=e6595ba1a7cd34429f66:9
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:9
Qe @ data.min.js?ver=e6595ba1a7cd34429f66:9
Ye @ data.min.js?ver=e6595ba1a7cd34429f66:9
Eu @ index.js?ver=1.4.1.3:1
wt @ react-dom.min.js?ver=18.2.0:10
js @ react-dom.min.js?ver=18.2.0:10
wl @ react-dom.min.js?ver=18.2.0:10
bl @ react-dom.min.js?ver=18.2.0:10
yl @ react-dom.min.js?ver=18.2.0:10
ol @ react-dom.min.js?ver=18.2.0:10
v @ react.min.js?ver=18.2.0:10
ce @ react.min.js?ver=18.2.0:10
react-dom.min.js?ver=18.2.0:10 [Violation] 'setTimeout' handler took 149ms
deprecated.min.js?ver=e1f84915c5e8ae38964c:2 wp.data.select( 'core/block-editor' ).__unstableGetClientIdWithClientIdsTree is deprecated since version 6.3 and will be removed in version 6.5.
i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
(anonymous) @ block-editor.min.js?ver=f192218ec9fd5b103f38:26
l @ block-editor.min.js?ver=f192218ec9fd5b103f38:26
(anonymous) @ block-editor.min.js?ver=f192218ec9fd5b103f38:26
(anonymous) @ block-editor.min.js?ver=f192218ec9fd5b103f38:26
l @ block-editor.min.js?ver=f192218ec9fd5b103f38:26
r @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ index.js?ver=1.4.1.3:1
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:9
__unstableMarkListeningStores @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:2
p @ data.min.js?ver=e6595ba1a7cd34429f66:9
getValue @ data.min.js?ver=e6595ba1a7cd34429f66:9
Ft @ react-dom.min.js?ver=18.2.0:10
(anonymous) @ react-dom.min.js?ver=18.2.0:10
s @ data.min.js?ver=e6595ba1a7cd34429f66:9
c @ data.min.js?ver=e6595ba1a7cd34429f66:9
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:2
h @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ redux-routine.min.js?ver=b14553dce2bee5c0f064:9
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:2
apply @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ block-editor.min.js?ver=f192218ec9fd5b103f38:26
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ redux-routine.min.js?ver=b14553dce2bee5c0f064:9
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:2
(anonymous) @ data.min.js?ver=e6595ba1a7cd34429f66:2
y @ block-editor.min.js?ver=f192218ec9fd5b103f38:26
(anonymous) @ block-editor.min.js?ver=f192218ec9fd5b103f38:26
Ur @ react-dom.min.js?ver=18.2.0:10
El @ react-dom.min.js?ver=18.2.0:10
(anonymous) @ react-dom.min.js?ver=18.2.0:10
xl @ react-dom.min.js?ver=18.2.0:10
fl @ react-dom.min.js?ver=18.2.0:10
Nn @ react-dom.min.js?ver=18.2.0:10
(anonymous) @ react-dom.min.js?ver=18.2.0:10
xl @ react-dom.min.js?ver=18.2.0:10
ol @ react-dom.min.js?ver=18.2.0:10
v @ react.min.js?ver=18.2.0:10
ce @ react.min.js?ver=18.2.0:10
react.min.js?ver=18.2.0:10 [Violation] 'message' handler took 150ms
block-editor.min.js?ver=f192218ec9fd5b103f38:26 cwicly_blocks_editor-css was added to the iframe incorrectly. Please use block.json or enqueue_block_assets to add styles to the iframe. <link rel="stylesheet" id="cwicly_blocks_editor-css" href="https://staging.domain.com/wp-content/plugins/cwicly/build/index.css?ver=1712139427" media="all">
o @ block-editor.min.js?ver=f192218ec9fd5b103f38:26
load (async)
(anonymous) @ block-editor.min.js?ver=f192218ec9fd5b103f38:26
(anonymous) @ compose.min.js?ver=1339d3318cd44440dccb:9
$ @ compose.min.js?ver=1339d3318cd44440dccb:9
(anonymous) @ compose.min.js?ver=1339d3318cd44440dccb:9
Vr @ react-dom.min.js?ver=18.2.0:10
Jr @ react-dom.min.js?ver=18.2.0:10
Zr @ react-dom.min.js?ver=18.2.0:10
Gr @ react-dom.min.js?ver=18.2.0:10
(anonymous) @ react-dom.min.js?ver=18.2.0:10
xl @ react-dom.min.js?ver=18.2.0:10
fl @ react-dom.min.js?ver=18.2.0:10
Nn @ react-dom.min.js?ver=18.2.0:10
(anonymous) @ react-dom.min.js?ver=18.2.0:10
xl @ react-dom.min.js?ver=18.2.0:10
ol @ react-dom.min.js?ver=18.2.0:10
v @ react.min.js?ver=18.2.0:10
ce @ react.min.js?ver=18.2.0:10

Environment info

Site Info - click to reveal

### wp-core ###

version: 6.5.2
site_language: pt_BR
user_language: en_US
timezone: America/Sao_Paulo
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: closed
environment_type: staging
dotorg_communication: true

### wp-active-theme ###

name: Cwicly Theme (cwicly)
version: 1.0.3

### wp-plugins-active (18) ###

- Admin Columns Pro: version: 6.4.6
- Admin Menu Editor Pro: version: 2.24
- All-in-One WP Migration: version: 7.81
- All-in-One WP Migration Unlimited Extension: version: 2.56
- Brazilian Market on WooCommerce: version: 4.0.2
- Claudio Sanches - Correios for WooCommerce: version: 4.2.5
- Cwicly: version: 1.4.1.3
- EWWW Image Optimizer: version: 7.5.0
- FluentSMTP: version: 2.2.72
- OpenPix for WooCommerce: version: 2.10.10
- Pagar.me module for Woocommerce: version: 3.2.1
- PayPal Brasil para WooCommerce: version: 1.5.0
- Query Monitor: version: 3.15.0
- WooCommerce: version: 8.7.0
- WooCommerce PayPal Payments: version: 2.6.1
- Wordfence Security: version: 7.11.5
- WP Crontrol: version: 1.16.2

### wp-media ###

image_editor: EWWWIO_Imagick_Editor
imagick_module_version: 1691
imagemagick_version: ImageMagick 6.9.11-60 Q16 x86_64 2021-01-25 https://imagemagick.org
imagick_version: 3.7.0
file_uploads: 1
post_max_size: 2048M
upload_max_filesize: 2048M
max_effective_size: 2 GB
max_file_uploads: 20
gd_version: bundled (2.1.0 compatible)
gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
ghostscript_version: unknown

### wp-server ###

server_architecture: Linux 5.15.0-91-generic x86_64
httpd_software: nginx/1.25.3
php_version: 8.1.27 64bit
php_sapi: fpm-fcgi
max_input_variables: 10000
time_limit: 300
memory_limit: 16384M
max_input_time: 300
upload_max_filesize: 2048M
php_post_max_size: 2048M
curl_version: 7.81.0 OpenSSL/3.0.2
suhosin: false
imagick_availability: true
pretty_permalinks: true
current: 2024-04-16T23:09:08+00:00
utc-time: Tuesday, 16-Apr-24 23:09:08 UTC
server-time: 2024-04-16T20:09:07-03:00

### wp-database ###

extension: mysqli
server_version: 10.6.17-MariaDB-1:10.6.17+maria~ubu2204
client_version: mysqlnd 8.1.27
max_allowed_packet: 67108864
max_connections: 4096

### wp-constants ###

WP_MEMORY_LIMIT: 16384M
WP_MAX_MEMORY_LIMIT: 16384M
WP_DEBUG: true
WP_DEBUG_DISPLAY: false
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: staging
WP_DEVELOPMENT_MODE: all
DB_CHARSET: utf8mb4
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable

Louis · April 18, 2024, 7:12am

Hello @zeinnicholas,

Thanks for this report.

We are aware of these warnings and monitor them closely.

Rest assured that we will replace them once they have been removed from WordPress core (which isn’t currently the case).
I prefer not duplicating functions such as these.

If you have any other questions, please don’t hesitate.

Cheers,

zeinnicholas · May 1, 2024, 3:28pm

Thanks @Louis! I appreciate it.

(Ps: sorry for the delay )