Why is my angular app not working when i reload? – Nginx

Sorry its my first post so please bare with me.and if you could tell me what im doing wrong would be helpfull.
I have module with nested route.
I am running the built angular fles using nginx and it works fine with no error but every time i reload example.com/configuration/devices it gives blank page with 304 status and the error
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

But every other routes work fine when reload. Even exapmle.com/configuration works and redirects to /configuration/devices,

// app.module.ts
const routes: Routes = [
  { path: 'classroom', component: ClassroomComponent },
  {
    path: 'configuration',
    loadChildren: () =>
      import('./configuration/configuration.module').then(
        (m) => m.ConfigurationModule
      ),
  },
  {
    path: 'form',
    loadChildren: () => import('./form/form.module').then((m) => m.FormModule),
  },
  { path: '', redirectTo: '/classroom', pathMatch: 'full' },
];

// configuration-routing.modules.ts
const routes: Routes = [
  {
    path: '',
    component: ConfigurationComponent,
    children: [
      {
        path: 'logs',
        component: LogsComponent,
      },
      {
        path: 'devices',
        component: DevicesComponent,
      },
      {
        path: '',
        redirectTo: 'devices',
        pathMatch: 'full',
      },
    ],
  },
];

and nginx config as

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
   
    keepalive_timeout  65;

    server {
        listen       8080;
        server_name  192.168.5.100;

       
        location / {
            root   html;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }

        error_page  404              index.html;
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

    }

}

And it works fine but when i refresh the page it gives returns 304 status and empty page
Error image
and cant find why its doing it.

Tried changing nginx config but dont know what to change