Skip to content

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

@rpofuk

Description

@rpofuk

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

  • yes

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions