Start your All-Access Pass to unlock this challenge
My base template has a flash container where I render all my application's flash messages. It looks like this:
<div id="flash-container">
{% for flash in app.session.flashBag.get('success') %}
<div class="alert alert-success">
{{ flash }}
</div>
{% endfor %}
</div>
One issue I've noticed is that once these messages are shown, they tend to reappear for a few seconds if I click the back button in my browser. This is due to the messages being cached by Turbo.
How can I avoid this from happening?