React nextjs web app error | Microsoft Azure | Page 1

Also I enabled detailed errors and looked at the app service log stream and it returned the following html when I try accessing the page:

Devops Pipeline yaml:

trigger:
  - master

variables:
  nodeVersion: "18.x"
  zipFile: "$(Build.ArtifactStagingDirectory)/$(Build.BuildId).zip"

steps:
  - task: NodeTool@0
    inputs:
      versionSpec: $(nodeVersion)
    displayName: "Install Node.js"

  - script: |
      npm install
      npm run build
    displayName: "npm install and build"

  - script: |
      cd dist
      zip -r $(zipFile) .
    displayName: "Zip up the build files"

  - task: PublishBuildArtifacts@1
    inputs:
      pathtoPublish: "$(Build.ArtifactStagingDirectory)"
      artifactName: "drop"
      publishLocation: "Container"

  - task: AzureRmWebAppDeployment@4
    inputs:
      ConnectionType: "AzureRM"
      azureSubscription: "id-here"
      appType: "webApp"
      WebAppName: "my-app-here"
      package: "$(Build.ArtifactStagingDirectory)/**/*.zip"

#React nextjs web app error