ERROR: Шаблон не существует / Использовано: Django + React + heroku

Я создал простую заметку с django & react app. И я пытаюсь развернуть его на Heroku.

Я попробовал heroku open в терминале, но вышла эта страница с ошибкой. введите описание изображения здесь

Вот моя среда и вещи, которые я пробовал в течение 2 дней.

Файловая структура)

project-folder
   api 
   env 
   frontend        (my React app)
      build
         index.html
      public
      src
      package.json
   mynote          (my Django main app)
      settings.py
   manage.py
   Procfile
   requirements.txt
   runtime.txt

requirements.txt)

asgiref==3.5.2
dj-database-url==0.5.0
Django==4.0.5
django-cors-headers==3.13.0
djangorestframework==3.13.1
gunicorn==20.1.0
psycopg2-binary==2.9.3
pytz==2022.1
sqlparse==0.4.2
tzdata==2022.1
whitenoise==6.2.0

runtime.txt)

python-3.10.0

Procfile)

web: gunicorn mynotes.wsgi --log-file -

settings.py)

mynotes/urls.py)

from django.contrib import admin
from django.urls import path, include, re_path
from django.views.generic import TemplateView

urlpatterns = [
    path('admin/', admin.site.urls),
    path('api/', include('api.urls')),
    re_path('^.*', TemplateView.as_view(template_name='index.html')),
]

вывод терминала после выполнения heroku open)

введите описание изображения здесь

В 3000 порту, 8000 порту, мой тест операций работал как положено. (CRUD с RESTFUL api)

Я сделал следующее в heroku, ошибки не было. За исключением heroku open

heroku login

heroku create [my server name]

git push heroku main

heroku run python manage.py migrate

heroku run python manage.py createsuperuser

heroku run python manage.py collectstatic

И я установил buildpack.

heroku buildpacks:set heroku/python