v0.7.1 Pre-release thread

[masenf]

Please report any problems you encounter in this discussion thread or as separate issues on reflex-dev/reflex.

pip install 'reflex~=0.7.1a'

Schedule

2025-02-19 16:00 PST: 0.7.1a1 pre-release published for testing
2025-02-20 20:52 PST: 0.7.1a2 released
2025-02-25 09:00 PST: 0.7.1a4 released
2025-02-24: Planned Public release of 0.7.1
2025-02-25 11:30 PST: Actual release of 0.7.1

Release Notes

NEw in 0.7.1a4

• [ENG-4776] Write stateful pages marker earlier when should_compile is False ([ENG-4776] Write stateful pages marker earlier when should_compile is False #4868)

New in 0.7.1a3

• Override react-is@19.0.0 for recharts compatibility (Override react-is@19.0.0 for recharts compatibility #4857)
• fix autoscroll on stateful children (fix autoscroll on stateful children #4858)

New in 0.7.1a2

• simplify toast banner logic (simplify toast banner logic #4853)
• simplify and fix set_color_mode (simplify and fix set_color_mode #4852)

New Features

rx.auto_scroll

A new container that automatically scrolls to the bottom when new content is added.

• Add auto scroll by @adhami3310 in Add auto scroll #4790

New Var Operations for StringVar: .title(), .capitalize()

• add capitalize and title var operations by @adhami3310 in add capitalize and title var operations #4840

Improvements

Compile with Main Thread by Default

The new default is to compile pages on the main thread, not using an executor. For most normal-sized apps, this is faster because it avoids spinning up threads and associated overhead.

• give option to only use main thread by @adhami3310 in give option to only use main thread #4809

Component Props

Components as props was previously working, however in some situations, the necessary hooks/imports/custom_code associated with the component would not propagate up to the parent component and be lost. This change correctly propagates data from the component as prop for correct code generation.

• components deserve to be first class props by @adhami3310 in components deserve to be first class props #4827

Performance

• import var perf improvements by @adhami3310 in import var perf improvements #4813
• only write if file changed by @adhami3310 in only write if file changed #4822
• [ENG-4713] Cache pages which add states when evaluating by @masenf in [ENG-4713] Cache pages which add states when evaluating #4788

Typing

• adjust setter to include type annotation by @adhami3310 in adjust setter to include type annotation #4726
• fix types for html elements by @adhami3310 in fix types for html elements #4768
• actually get rid of callable var fr fr by @adhami3310 in actually get rid of callable var fr fr #4821

Miscellaneous

• improve icon error message by @adhami3310 in improve icon error message #4796
• improve hot reload handling by @adhami3310 in improve hot reload handling #4795
• move overlays to _app.js by @adhami3310 in move overlays to _app.js #4794
• set global loglevel for subprocesses by @Lendemor in set global loglevel for subprocesses #4791
• raise error when passing a str(var) by @adhami3310 in raise error when passing a str(var) #4769
• Add toast.loading from the sonner package by @drbrady8800 in Add toast.loading from the sonner package #4792
• improve into component conversion by @adhami3310 in improve into component conversion #4754
• standarize filename from upload by @adhami3310 in standarize filename from upload #4734
• Wrapping extra components inside of the Context Menu Component by @slackroo in Wrapping extra components inside of the Context Menu Component  #4831
• treat hyphen as underscore in keys of styles by @adhami3310 in treat hyphen as underscore in keys of styles #4810

Bug Fixes

• fix toast provider needed by @adhami3310 in fix toast provider needed #4801
• invert logic of default hot reload exclusion by @adhami3310 in invert logic of default hot reload exclusion #4807
• [ENG-4647] Fix env_file handling by @masenf in [ENG-4647] Fix env_file handling #4805
• fix port handling by @Lendemor in fix port handling #4773
• Update rx.get_upload_url signature to accept Var[str] by @masenf in Update rx.get_upload_url signature to accept Var[str] #4826

Version Bumps

• update deps by @adhami3310 in update deps #4804
• upgrade deps as per python 3.10 by @adhami3310 in upgrade deps as per python 3.10 #4842
• react 19 time by @adhami3310 in react 19 time #4848

Other Changes

• fix readme typo and update gallery to templates by @PeterYusuke in fix readme typo and update gallery to templates #4745
• move benchmarks and add some more by @Lendemor in move benchmarks and add some more #4758
• Create codeql.yml by @Kastier1 in Create codeql.yml #4799
• test actions in codeql by @Kastier1 in test actions in codeql #4802
• add stateful benchmarks by @Lendemor in add stateful benchmarks #4764
• benchmark experimentation by @adhami3310 in benchmark experimentation #4811
• bump ruff to 0.9.6 by @Lendemor in bump ruff to 0.9.6 #4817
• cache get_type_hints for environment by @adhami3310 in cache get_type_hints for environment #4820
• remove some benchmarks from CI by @adhami3310 in remove some benchmarks from CI #4812
• auto hide badge for pro+ users for cloud deployments by @Lendemor in auto hide badge for pro+ users for cloud deployments #4819
• Allow any user to set show_built_with_reflex=False in any mode by @masenf in Allow any user to set show_built_with_reflex=False in any mode #4847
• change error connecting to backend when backend is cold started by @adhami3310 in change error connecting to backend when backend is cold started #4814

New Contributors

• @drbrady8800 made their first contribution in Add toast.loading from the sonner package #4792
• @slackroo made their first contribution in Wrapping extra components inside of the Context Menu Component  #4831

Full Changelog: v0.7.0...release/reflex-0.7.1

[bertbarabas]

Got a front end exception related to ag_grid after upgrading to 0.7.1a:

[Reflex Frontend Exception]
 TypeError: parameter 1 is not of type 'Element'.
    at useBrowserResizeObserver (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:28918:28)
    at ResizeObserverService.observeResize (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:28944:20)
    at RowContainerCtrl.registerViewportResizeListener (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:26732:66)
    at ViewportSizeFeature.listenForResize (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:22951:34)
    at http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:22937:18
    at CtrlsService.whenReady (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:35481:13)
    at ViewportSizeFeature.postConstruct (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:22935:27)
    at http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10046:67
    at Array.forEach (<anonymous>)
    at Context.initBeans (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10046:23)
    at Context.createBean (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10032:14)
    at RowContainerCtrl.createBean (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:767:46)
    at RowContainerCtrl.createManagedBean (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:762:26)
    at http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:26613:45
    at RowContainerCtrl.forContainers (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:26628:13)
    at RowContainerCtrl.postConstruct (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:26610:14)
    at http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10046:67
    at Array.forEach (<anonymous>)
    at Context.initBeans (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10046:23)
    at Context.createBean (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10032:14)
    at RowContainerComp.useCallback11 (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-react_dist_package_index_esm_mjs_bb3100._.js:2475:55)
    at RowContainerComp.useCallback11 (http://localhost:3000/_next/static/chunks/node_modules_ag-grid-react_dist_package_index_esm_mjs_bb3100._.js:2494:13)
    at commitAttachRef (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:5900:63)
    at runWithFiberInDEV (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:631:20)
    at safelyAttachRef (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:5910:13)
    at reappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6704:17)
    at recursivelyTraverseReappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:17)
    at recursivelyTraverseReappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6702:17)
    at recursivelyTraverseReappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6702:17)
    at recursivelyTraverseReappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6702:17)
    at recursivelyTraverseReappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:17)
    at recursivelyTraverseReappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:17)
    at recursivelyTraverseReappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6728:17)
    at recursivelyTraverseReappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:6728:17)
    at doubleInvokeEffectsOnFiber (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:8256:112)
    at runWithFiberInDEV (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:631:20)
    at recursivelyTraverseAndDoubleInvokeEffectsInDEV (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:78)
    at recursivelyTraverseAndDoubleInvokeEffectsInDEV (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:200)
    at recursivelyTraverseAndDoubleInvokeEffectsInDEV (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:200)
    at recursivelyTraverseAndDoubleInvokeEffectsInDEV (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:200)
    at recursivelyTraverseAndDoubleInvokeEffectsInDEV (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:200)
    at recursivelyTraverseAndDoubleInvokeEffectsInDEV (http://localhost:3000/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:200)

Exception goes away if I revert back to 0.7.0

Note: updated this comment because originally provided the exception above as a file but that file was corrupted somehow.

[masenf]

thanks for testing. looking into it

[bertbarabas]

This issue is pretty minor but it now has an info saying it's overriding a port only the port didn't change:

App running at: http://localhost:3000
Backend running at: http://0.0.0.0:8000
Info: Overriding config value loglevel with env var LOGLEVEL=default
Info: Overriding config value frontend_port with env var FRONTEND_PORT=3000
Info: Overriding config value backend_port with env var BACKEND_PORT=8000

[masenf]

Release is published

[bertbarabas]

FYI The exception I reported above (see below) is still present in the final release of 0.7.1 so I think you can't use 0.7.1 if you need ag_grid...

[Reflex Frontend Exception]
TypeError: parameter 1 is not of type 'Element'.

[masenf]

that's a problem in the reflex-ag-grid package that i have a fix for here /~https://github.com/reflex-dev/reflex-ag-grid/pull/70/files

but i think we're actually moving the ag-grid implementation to our soon to be released reflex-enterprise package (which will be available for free in exchange for showing the badge (which was removed in 0.7.1)

[bertbarabas]

Ok, looking forward to the details on that. I'm forced to self-host because (among other reasons) I need attached storage, so I hope it's not too pricey to get the basic version of ag_grid without the badge since my budget is small and I don't think the badge would be appropriate on the site I've been working on. On the plus side maybe ag_grid will be getting some improvements?

[bertbarabas]

So I tried out 0.7.1 with
git+/~https://github.com/reflex-dev/reflex-ag-grid.git@masenf/react-19

Is that the right code base because I now get a different ag_grid exception:

Reflex Frontend Exception]
 TypeError: newGridTheme?.startUse is not a function
    at Environment.handleThemeGridOptionChange (https://auditwrangler.nl/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:37268:27)
    at Environment.postConstruct (https://auditwrangler.nl/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:37107:14)
    at https://auditwrangler.nl/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10676:67
    at Array.forEach (<anonymous>)
    at Context.initBeans (https://auditwrangler.nl/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10676:23)
    at Context.init (https://auditwrangler.nl/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10653:14)
    at Context.init (https://auditwrangler.nl/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10723:15)
    at new GenericContext (https://auditwrangler.nl/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10630:14)
    at new Context (https://auditwrangler.nl/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10719:15)
    at GridCoreCreator.create (https://auditwrangler.nl/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:45325:25)
    at AgGridReactUi.useCallback15 (https://auditwrangler.nl/_next/static/chunks/node_modules_ag-grid-react_dist_package_index_esm_mjs_bb3100._.js:3216:46)
    at commitAttachRef (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:5900:63)
    at runWithFiberInDEV (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:631:20)
    at safelyAttachRef (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:5910:13)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6704:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6684:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6702:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6702:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6728:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6702:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:17)
    at recursivelyTraverseReappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:68)
    at reappearLayoutEffects (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:17)
    at doubleInvokeEffectsOnFiber (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:8256:112)
    at runWithFiberInDEV (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:631:20)
    at recursivelyTraverseAndDoubleInvokeEffectsInDEV (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:78)
    at recursivelyTraverseAndDoubleInvokeEffectsInDEV (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:200)
    at recursivelyTraverseAndDoubleInvokeEffectsInDEV (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:200)
    at recursivelyTraverseAndDoubleInvokeEffectsInDEV (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:200)
    at recursivelyTraverseAndDoubleInvokeEffectsInDEV (https://auditwrangler.nl/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:200)