Azure Web App failing

Question

Please Help me with the following -
I have been trying to deploy my reactjs application on Azure Web App using GitHub actions.

While I have been trying to deploy, though the deployment is successful, but however my application isnt running and I am getting error on the Log Stream for the particular Web App.

My App have been deployed on PORT 8080 -
in Package.json

  "scripts": {
    "start": "cross-env PORT=8080 react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

in Dockerfile

# Use an official Node.js runtime as a parent image
FROM node:14

# Set the working directory
WORKDIR /app

# Copy package.json and package-lock.json
COPY package*.json ./

# Install dependencies
RUN npm install

# Copy the rest of the application code
COPY . .

# Build the React app
RUN npm run build

# Serve the React app using a simple server
RUN npm install -g serve
CMD ["serve", "-s", "build"]

# Expose the port the app runs on
EXPOSE 8080

And I have also tested it on localhost and have got the response.

But upon deployment below are the log

Following Measures Taken:

1. Startup Command set to "npm start"
2. Configured the port - Application settings
   SCM_DO_BUILD_DURING_DEPLOYMENT = 1
   WEBSITES_PORT = 8080
3. Restarted the App Service
4. Checked Networking Settings