We've compiled a list of the most common errors users face when using Reflex. If you have encountered an error that isn't answered here, feel free to reach out to us on our Discord.
This is caused by using an older version of nodejs.
Ensure the latest version of reflex is being used: pip install reflex --upgrade.
Remove the .web and ~/.reflex directories and re-run reflex init.
Often caused by incorrect nesting of components
Particularly <p> and <div>, but may also occur with tables
Ensure there are no nested rx.text or layout components within rx.text
Ensure that all tables are using rx.table.header and rx.table.body to wrap the rx.table.row rows
For certain props, reflex validates type correctness of the variable. Expecially when de-referencing lists and dicts, it is important to supply the correct annotation.
Add type annotations to all state Vars.
This is caused by importing sqlmodel earlier than reflex.
Ensure that reflex is imported before sqlmodel.
This is caused by not installing the correct psycopg package. Solution is to add the following packages to your requirements.txt file.