Fix HTML templates not reloading in development

This is due to Django 4.1+ caching templates by default in development,
this was in Django's changelog but I missed it.

Shout out to @jefftriplett for pointing me in this direction!

CHANGELOG.md

@@ -52,6 +52,7 @@ Changelog](https://keepachangelog.com/en/1.0.0/).
 ### Fixed
 
 - Ensure Flake8, Black and isort all use 79 as the max line length
+- HTML templates not reloading in development by using `loaders` in `src/config/setting.py`
 
 ## [0.9.0] - 2022-09-09
 

src/config/settings.py

@@ -48,18 +48,27 @@
 
 ROOT_URLCONF = "config.urls"
 
+# Starting with Django 4.1+ we need to pick which template loaders to use
+# based on our environment since 4.1+ will cache templates by default.
+default_loaders = [
+    "django.template.loaders.filesystem.Loader",
+    "django.template.loaders.app_directories.Loader",
+]
+
+cached_loaders = [("django.template.loaders.cached.Loader", default_loaders)]
+
 TEMPLATES = [
     {
         "BACKEND": "django.template.backends.django.DjangoTemplates",
         "DIRS": [os.path.join(BASE_DIR, "templates")],
-        "APP_DIRS": True,
         "OPTIONS": {
             "context_processors": [
                 "django.template.context_processors.debug",
                 "django.template.context_processors.request",
                 "django.contrib.auth.context_processors.auth",
                 "django.contrib.messages.context_processors.messages",
             ],
+            "loaders": default_loaders if DEBUG else cached_loaders,
         },
     },
 ]