search

day8 / re-frame-10x

A debugging dashboard for re-frame. X-ray vision as tooling.
MIT License
636 stars 68 forks source link

[Bug]: React 17 render still used in popup #417

Open rpofuk opened 8 months ago

rpofuk commented 8 months ago

What happened?

Here: https://github.com/day8/re-frame-10x/blob/master/src/day8/re_frame_10x/navigation/views.cljs#L423

it is still using ract17 when i do "day8.re-frame-10x.preload.react-18"

image

This is only happening when Reframe10X is oppened in dialog window

¨¨

¨¨

Factory Reset

10x Version

1.9.8

Reagent Version

1.2.0

React Version

18.2.0

re-frame Version

1.4.2

What browsers are you seeing the problem on?

Chrome

Relevant console output

object.js:365 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot
overrideMethod @ console.js:213
printWarning @ react-dom.development.js:87
error @ react-dom.development.js:61
exports.render @ react-dom.development.js:29671
day8$re_frame_10x$inlined_deps$reagent$v1v2v0$reagent$dom$render_comp @ dom.cljs:17
eval @ dom.cljs:51
eval @ dom.cljs:37
day8$re_frame_10x$navigation$views$mount @ views.cljs:423
eval @ events.cljs:15
G__33946__1 @ core.cljs:4413
G__33946 @ core.cljs:4416
day8$re_frame_10x$fx$window$open_debugger_window @ window.cljs:55
eval @ fx.cljc:116
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$fx$do_fx_after @ fx.cljc:59
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$interceptor$invoke_interceptor_fn @ interceptor.cljc:70
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$interceptor$invoke_interceptors @ interceptor.cljc:108
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$interceptor$execute @ interceptor.cljc:201
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$events$handle @ events.cljc:65
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$router$dispatch_sync @ router.cljc:242
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$core$dispatch_sync @ core.cljc:69
eval @ views.cljs:277
eval @ buttons.cljs:23
eval @ re_com.cljs:447
callCallback @ react-dom.development.js:4165
invokeGuardedCallbackImpl @ react-dom.development.js:4214
invokeGuardedCallback @ react-dom.development.js:4278
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:4292
executeDispatch @ react-dom.development.js:9042
processDispatchQueue @ react-dom.development.js:9074
eval @ react-dom.development.js:9098
batchedUpdates$1 @ react-dom.development.js:26141
batchedUpdates @ react-dom.development.js:3992
dispatchEventForPluginEventSystem @ react-dom.development.js:9288
dispatchEvent @ react-dom.development.js:6466
dispatchDiscreteEvent @ react-dom.development.js:6431
load (async)
set @ object.js:365
day8$re_frame_10x$fx$window$open_debugger_window @ window.cljs:54
eval @ fx.cljc:116
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$fx$do_fx_after @ fx.cljc:59
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$interceptor$invoke_interceptor_fn @ interceptor.cljc:70
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$interceptor$invoke_interceptors @ interceptor.cljc:108
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$interceptor$execute @ interceptor.cljc:201
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$events$handle @ events.cljc:65
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$router$dispatch_sync @ router.cljc:242
day8$re_frame_10x$inlined_deps$re_frame$v1v3v0$re_frame$core$dispatch_sync @ core.cljc:69
eval @ views.cljs:277
eval @ buttons.cljs:23
eval @ re_com.cljs:447
callCallback @ react-dom.development.js:4165
invokeGuardedCallbackImpl @ react-dom.development.js:4214
invokeGuardedCallback @ react-dom.development.js:4278
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:4292
executeDispatch @ react-dom.development.js:9042
processDispatchQueue @ react-dom.development.js:9074
eval @ react-dom.development.js:9098
batchedUpdates$1 @ react-dom.development.js:26141
batchedUpdates @ react-dom.development.js:3992
dispatchEventForPluginEventSystem @ react-dom.development.js:9288
dispatchEvent @ react-dom.development.js:6466
dispatchDiscreteEvent @ react-dom.development.js:6431
Show 59 more frames
Show less
websocket.cljs:15 WebSocket connection to 'wss://dev01-web-samurai.localhost.alpha-prosoft.com:9630/api/remote-relay?server-token=a72b5382-2160-4a47-a8ce-a33a2a748aff' failed: 
eval @ websocket.cljs:15
eval @ websocket.cljs:12
eval @ shared.cljs:328
eval @ shared.cljs:349
Show 4 more frames
Show less
console.js:213 shadow-cljs - remote-error Event {isTrusted: true, type: 'error', target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}
overrideMethod @ console.js:213
eval @ shared.cljs:309
shadow$cljs$devtools$client$shared$remote_error @ shared.cljs:18
eval @ websocket.cljs:32
error (async)
eval @ websocket.cljs:29
eval @ websocket.cljs:12
eval @ shared.cljs:328
eval @ shared.cljs:349
setTimeout (async)
eval @ shared.cljs:345
eval @ shared.cljs:301
shadow$cljs$devtools$client$shared$remote_close @ shared.cljs:17
eval @ websocket.cljs:27
Show 12 more frames
Show less
websocket.cljs:15 WebSocket connection to 'wss://dev01-web-samurai.localhost.alpha-prosoft.com:9630/api/remote-relay?server-token=a72b5382-2160-4a47-a8ce-a33a2a748aff' failed: 
eval @ websocket.cljs:15
eval @ websocket.cljs:12
eval @ shared.cljs:328
eval @ shared.cljs:349
Show 4 more frames
Show less
console.js:213 shadow-cljs - remote-error Event {isTrusted: true, type: 'error', target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}
overrideMethod @ console.js:213
eval @ shared.cljs:309
shadow$cljs$devtools$client$shared$remote_error @ shared.cljs:18
eval @ websocket.cljs:32
error (async)
eval @ websocket.cljs:29
eval @ websocket.cljs:12
eval @ shared.cljs:328
eval @ shared.cljs:349
setTimeout (async)
eval @ shared.cljs:345
eval @ shared.cljs:301
shadow$cljs$devtools$client$shared$remote_close @ shared.cljs:17
eval @ websocket.cljs:27
Show 12 more frames
Show less
websocket.cljs:15 WebSocket connection to 'wss://dev01-web-samurai.localhost.alpha-prosoft.com:9630/api/remote-relay?server-token=a72b5382-2160-4a47-a8ce-a33a2a748aff' failed: 
eval @ websocket.cljs:15
eval @ websocket.cljs:12
eval @ shared.cljs:328
eval @ shared.cljs:349
Show 4 more frames
Show less
console.js:213 shadow-cljs - remote-error Event {isTrusted: true, type: 'error', target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}
overrideMethod @ console.js:213
eval @ shared.cljs:309
shadow$cljs$devtools$client$shared$remote_error @ shared.cljs:18
eval @ websocket.cljs:32
error (async)
eval @ websocket.cljs:29
eval @ websocket.cljs:12
eval @ shared.cljs:328
eval @ shared.cljs:349
setTimeout (async)
eval @ shared.cljs:345
eval @ shared.cljs:301
shadow$cljs$devtools$client$shared$remote_close @ shared.cljs:17
eval @ websocket.cljs:27
Show 12 more frames
Show less
websocket.cljs:15 WebSocket connection to 'wss://dev01-web-samurai.localhost.alpha-prosoft.com:9630/api/remote-relay?server-token=a72b5382-2160-4a47-a8ce-a33a2a748aff' failed: 
eval @ websocket.cljs:15
eval @ websocket.cljs:12
eval @ shared.cljs:328
eval @ shared.cljs:349
Show 4 more frames
Show less
console.js:213 shadow-cljs - remote-error Event {isTrusted: true, type: 'error', target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}
overrideMethod @ console.js:213
eval @ shared.cljs:309
shadow$cljs$devtools$client$shared$remote_error @ shared.cljs:18
eval @ websocket.cljs:32
error (async)
eval @ websocket.cljs:29
eval @ websocket.cljs:12
eval @ shared.cljs:328
eval @ shared.cljs:349
setTimeout (async)
eval @ shared.cljs:345
eval @ shared.cljs:301
shadow$cljs$devtools$client$shared$remote_close @ shared.cljs:17
eval @ websocket.cljs:27
Show 12 more frames
Show less
console.js:213 shadow-cljs: giving up trying to connect to  wss://dev01-web-samurai.localhost.alpha-prosoft.com:9630/api/remote-relay?server-token=a72b5382-2160-4a47-a8ce-a33a2a748aff
overrideMethod @ console.js:213
eval @ shared.cljs:302
shadow$cljs$devtools$client$shared$remote_close @ shared.cljs:17
eval @ websocket.cljs:27
Show 4 more frames
Show less