Getting Oryx has failed for React 18 and Node js 20 engine

https://github.com/engrshul/promptchannel-frontend/actions/runs/13200495576/job/36851154509

Logs :
/usr/bin/docker run --name f1615e2bb003f2cebd4c769999fd3bf722f983_a23e9c --label f1615e --workdir /github/workspace --rm -e "INPUT_AZURE_STATIC_WEB_APPS_API_TOKEN" -e "INPUT_REPO_TOKEN" -e "INPUT_ACTION" -e "INPUT_APP_LOCATION" -e "INPUT_API_LOCATION" -e "INPUT_OUTPUT_LOCATION" -e "INPUT_API_BUILD_COMMAND" -e "INPUT_APP_ARTIFACT_LOCATION" -e "INPUT_APP_BUILD_COMMAND" -e "INPUT_ROUTES_LOCATION" -e "INPUT_SKIP_APP_BUILD" -e "INPUT_CONFIG_FILE_LOCATION" -e "INPUT_SKIP_API_BUILD" -e "INPUT_PRODUCTION_BRANCH" -e "INPUT_DEPLOYMENT_ENVIRONMENT" -e "INPUT_IS_STATIC_EXPORT" -e "INPUT_DATA_API_LOCATION" -e "INPUT_GITHUB_ID_TOKEN" -e "HOME" -e "GITHUB_JOB" -e "GITHUB_REF" -e "GITHUB_SHA" -e "GITHUB_REPOSITORY" -e "GITHUB_REPOSITORY_OWNER" -e "GITHUB_REPOSITORY_OWNER_ID" -e "GITHUB_RUN_ID" -e "GITHUB_RUN_NUMBER" -e "GITHUB_RETENTION_DAYS" -e "GITHUB_RUN_ATTEMPT" -e "GITHUB_REPOSITORY_ID" -e "GITHUB_ACTOR_ID" -e "GITHUB_ACTOR" -e "GITHUB_TRIGGERING_ACTOR" -e "GITHUB_WORKFLOW" -e "GITHUB_HEAD_REF" -e "GITHUB_BASE_REF" -e "GITHUB_EVENT_NAME" -e "GITHUB_SERVER_URL" -e "GITHUB_API_URL" -e "GITHUB_GRAPHQL_URL" -e "GITHUB_REF_NAME" -e "GITHUB_REF_PROTECTED" -e "GITHUB_REF_TYPE" -e "GITHUB_WORKFLOW_REF" -e "GITHUB_WORKFLOW_SHA" -e "GITHUB_WORKSPACE" -e "GITHUB_ACTION" -e "GITHUB_EVENT_PATH" -e "GITHUB_ACTION_REPOSITORY" -e "GITHUB_ACTION_REF" -e "GITHUB_PATH" -e "GITHUB_ENV" -e "GITHUB_STEP_SUMMARY" -e "GITHUB_STATE" -e "GITHUB_OUTPUT" -e "RUNNER_OS" -e "RUNNER_ARCH" -e "RUNNER_NAME" -e "RUNNER_ENVIRONMENT" -e "RUNNER_TOOL_CACHE" -e "RUNNER_TEMP" -e "RUNNER_WORKSPACE" -e "ACTIONS_RUNTIME_URL" -e "ACTIONS_RUNTIME_TOKEN" -e "ACTIONS_CACHE_URL" -e "ACTIONS_RESULTS_URL" -e GITHUB_ACTIONS=true -e CI=true -v "/var/run/docker.sock":"/var/run/docker.sock" -v "/home/runner/work/_temp/_github_home":"/github/home" -v "/home/runner/work/_temp/_github_workflow":"/github/workflow" -v "/home/runner/work/_temp/_runner_file_commands":"/github/file_commands" -v "/home/runner/work/promptchannel-frontend/promptchannel-frontend":"/github/workspace" f1615e:2bb003f2cebd4c769999fd3bf722f983
DeploymentId: d46c3[9](https://github.com/engrshul/promptchannel-frontend/actions/runs/13200495576/job/36851154509#step:4:10)31-e222-4e8f-a5d1-42a01fccc086

Try to validate location at: '/github/workspace'.
App Directory Location: '/' was found.
Try to validate location at: '/github/workspace/swa-db-connections'.
Looking for event info
Starting to build app with Oryx
Azure Static Web Apps utilizes Oryx to build both static applications and Azure Functions. You can find more details on Oryx here: https://github.com/microsoft/Oryx
---Oryx build logs---

Operation performed by Microsoft Oryx, https://github.com/Microsoft/Oryx
You can report issues at https://github.com/Microsoft/Oryx/issues

Oryx Version: 0.2.2024[10](https://github.com/engrshul/promptchannel-frontend/actions/runs/13200495576/job/36851154509#step:4:11)03.1, Commit: d5352431d933306ccee1be9b5d822c73bf723e9e, ReleaseTagName: 20241003.1

Build Operation ID: 10f2e939e7c2ad41
OS Type : bullseye
Image Type : githubactions

Detecting platforms...
Detected following platforms:
nodejs: 20.[11](https://github.com/engrshul/promptchannel-frontend/actions/runs/13200495576/job/36851154509#step:4:12).0
Version '20.11.0' of platform 'nodejs' is not installed. Generating script to install it...
Detected the following frameworks: React

Source directory : /github/workspace
Destination directory: /bin/staticsites/d46c3931-e222-4e8f-a5d1-42a01fccc086-swa-oryx/app

Downloading and extracting 'nodejs' version '20.11.0' to '/tmp/oryx/platforms/nodejs/20.11.0'...
Detected image debian flavor: bullseye.
Downloaded in 2 sec(s).
Verifying checksum...
Extracting contents...
performing sha5[12](https://github.com/engrshul/promptchannel-frontend/actions/runs/13200495576/job/36851154509#step:4:13) checksum for: nodejs...
Done in 4 sec(s).

Removing existing manifest file
Creating directory for command manifest file if it does not exist
Creating a manifest file...
Node Build Command Manifest file created.

Using Node version:
v20.11.0

Using Npm version:
10.2.4

Running 'npm install'...

npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN deprecated source-map-resolve@0.6.0: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.

added 1576 packages, and audited 1577 packages in 36s

209 packages are looking for funding
run `npm fund` for details

39 vulnerabilities (4 low, 8 moderate, 24 high, 3 critical)

To address issues that do not require attention, run:
npm audit fix

To address all issues possible (including breaking changes), run:
npm audit fix --force

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.

Running 'npm run build'...

> advanced@0.1.0 build
> react-scripts build

Creating an optimized production build...
Browserslist: caniuse-lite is outdated. Please run:
npx update-browserslist-db@latest
Why you should do it regularly: https://github.com/browserslist/update-db#readme
Browserslist: caniuse-lite is outdated. Please run:
npx update-browserslist-db@latest
Why you should do it regularly: https://github.com/browserslist/update-db#readme

Treating warnings as errors because process.env.CI = true.
Most CI servers set it automatically.

Failed to compile.

[eslint]
src/App.jsx
Line 51:39: 'logout' is assigned a value but never used no-unused-vars

src/client/supabaseClient.jsx
Line 3:7: 'supabaseUrl' is assigned a value but never used no-unused-vars

src/components/footer/index.jsx
Line 1:10: 'Facebook' is defined but never used no-unused-vars
Line 1:30: 'Twitter' is defined but never used no-unused-vars
Line 4:10: 'ALL_LINKS' is defined but never used no-unused-vars

src/components/root/Templates.jsx
Line 5:3: 'People' is defined but never used no-unused-vars
Line 6:3: 'Search' is defined but never used no-unused-vars
Line 12:3: 'Link' is defined but never used no-unused-vars
Line 21:8: 'Spinner' is defined but never used no-unused-vars
Line 26:10: 'search' is assigned a value but never used no-unused-vars
Line 26:18: 'setSearch' is assigned a value but never used no-unused-vars
Line 58:7: 'icons' is assigned a value but never used no-unused-vars
Line 69:6: React Hook useEffect has a missing dependency: 'navigate'. Either include it or remove the dependency array react-hooks/exhaustive-deps
Line 73:5: 'exploreLink' is assigned a value but never used no-unused-vars

src/context/AuthContext.js
Line 1:10: 'useEffect' is defined but never used no-unused-vars

src/features/navigation/dynamic-routes/index.jsx
Line 15:39: 'logout' is assigned a value but never used no-unused-vars
Line 26:11: 'temp' is assigned a value but never used no-unused-vars
Line 80:6: React Hook useEffect has missing dependencies: 'dispatch' and 'navigate'. Either include them or remove the dependency array react-hooks/exhaustive-deps

src/features/onboarding/home/index.jsx
Line 7:3: 'Settings' is defined but never used no-unused-vars
Line 11:10: 'Container' is defined but never used no-unused-vars
Line 15:9: 'permissions' is assigned a value but never used no-unused-vars

src/features/onboarding/workspaces/index.jsx
Line 17:10: 'search' is assigned a value but never used no-unused-vars
Line 17:18: 'setSearch' is assigned a value but never used no-unused-vars
Line 30:7: 'icons' is assigned a value but never used no-unused-vars
Line 59:9: 'Card2' is assigned a value but never used no-unused-vars

src/features/prompt-studio/navigation/index.jsx
Line 24:10: 'Typography' is defined but never used no-unused-vars
Line 95:9: 'authCtx' is assigned a value but never used no-unused-vars

src/features/prompt-studio/playground/dynamic-playground/components/PlaygroundSuites.jsx
Line 18:10: 'refresh' is assigned a value but never used no-unused-vars
Line 18:19: 'setRefresh' is assigned a value but never used no-unused-vars
Line 68:6: React Hook useEffect has missing dependencies: 'fetchGridData', 'mapped_testsuite?.promptStudioId', and 'mapped_testsuite?.testsuiteId'. Either include them or remove the dependency array react-hooks/exhaustive-deps

src/features/prompt-studio/playground/dynamic-playground/components/use-template-popover.jsx
Line 1:10: 'Add' is defined but never used no-unused-vars

src/features/prompt-studio/playground/dynamic-playground/hooks/usePlayground.js
Line 62:6: React Hook useEffect has a missing dependency: 'fetchData'. Either include it or remove the dependency array react-hooks/exhaustive-deps

src/features/prompt-studio/playground/dynamic-playground/index.jsx
Line 26:3: 'EditNote' is defined but never used no-unused-vars
Line 35:3: 'cellData' is defined but never used no-unused-vars
Line 55:10: 'companies' is defined but never used no-unused-vars
Line 58:10: 'parse' is defined but never used no-unused-vars
Line 60:8: 'PlaygroundSuites' is defined but never used no-unused-vars
Line 67:10: 'assets' is defined but never used no-unused-vars
Line 69:10: 'UseTemplatePopOver' is defined but never used no-unused-vars
Line 114:10: 'testSuiteIncluding' is assigned a value but never used no-unused-vars
Line 120:5: 'error' is assigned a value but never used no-unused-vars
Line 128:17: 'fetchedTestSuites' is assigned a value but never used no-unused-vars
Line 128:36: 'loading' is assigned a value but never used no-unused-vars
Line [13](https://github.com/engrshul/promptchannel-frontend/actions/runs/13200495576/job/36851154509#step:4:14)1:11: 'getAccessTokenSilently' is assigned a value but never used no-unused-vars
Line 131:35: 'getIdTokenClaims' is assigned a value but never used no-unused-vars
Line 181:46: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 201:35: The ref value 'formikRef.current' will likely have changed by the time this effect cleanup function runs. If this ref points to a node rendered by React, copy 'formikRef.current' to a variable inside the effect, and use that variable in the cleanup function react-hooks/exhaustive-deps
Line 204:6: React Hook React.useLayoutEffect has a missing dependency: 'template'. Either include it or remove the dependency array react-hooks/exhaustive-deps
Line 206:9: 'alertUser' is assigned a value but never used no-unused-vars
Line 213:13: 'response' is assigned a value but never used no-unused-vars
Line 227:15: 'response' is assigned a value but never used no-unused-vars
Line 250:6: React Hook React.useEffect has a missing dependency: 'template'. Either include it or remove the dependency array react-hooks/exhaustive-deps
Line 252:9: 'onMapTestSuiteHandler' is assigned a value but never used no-unused-vars
Line 342:72: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 353:72: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 382:23: 'parameters' is assigned a value but never used no-unused-vars
Line 392:49: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 567:37: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 633:74: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 726:43: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 743:72: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 761:73: Array.prototype.map() expects a return value from arrow function array-callback-return

src/features/prompt-studio/playground/dynamic-playground/menu/DottedMenu.jsx
Line 2:8: 'Button' is defined but never used no-unused-vars
Line 6:10: 'CopyAll' is defined but never used no-unused-vars
Line 6:27: 'Edit' is defined but never used no-unused-vars
Line 6:53: 'OpenInFull' is defined but never used no-unused-vars
Line 6:65: 'ViewWeek' is defined but never used no-unused-vars

src/features/prompt-studio/playground/dynamic-playground/playground-modals/AddNoteModal.jsx
Line 1:20: 'Maximize' is defined but never used no-unused-vars
Line 15:6: React Hook useEffect has missing dependencies: 'cellInd', 'formikRef', and 'scInd'. Either include them or remove the dependency array. If 'setText' needs the current value of 'formikRef', you can also switch to useReducer instead of useState and read 'formikRef' in the reducer react-hooks/exhaustive-deps

src/features/prompt-studio/playground/dynamic-playground/playground-modals/ManagePromptModal.jsx
Line 1:10: 'Add' is defined but never used no-unused-vars
Line 38:54: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 85:77: Array.prototype.map() expects a return value from arrow function array-callback-return

src/features/prompt-studio/playground/dynamic-playground/playground-modals/ManageScenarioModal.jsx
Line 1:10: 'Add' is defined but never used no-unused-vars

src/features/prompt-studio/playground/dynamic-playground/playground-modals/ModelModal.jsx
Line 1:10: 'Add' is defined but never used no-unused-vars
Line 1:28: 'ViewWeek' is defined but never used no-unused-vars
Line 8:3: 'OutlinedInput' is defined but never used no-unused-vars
Line 10:3: 'Table' is defined but never used no-unused-vars
Line 11:3: 'TableCell' is defined but never used no-unused-vars
Line 12:3: 'TableHead' is defined but never used no-unused-vars
Line 18:18: 'red' is defined but never used no-unused-vars

src/features/prompt-studio/playground/dynamic-playground/playground-modals/ParameterSettingsModal.jsx
Line 3:10: 'Add' is defined but never used no-unused-vars
Line 3:31: 'ViewWeek' is defined but never used no-unused-vars

src/features/prompt-studio/playground/hooks/usePlaygrounds.js
Line 26:8: React Hook useEffect has a missing dependency: 'fetchSuites'. Either include it or remove the dependency array react-hooks/exhaustive-deps

src/features/prompt-studio/playground/index.jsx
Line 27:10: 'examples' is assigned a value but never used no-unused-vars
Line 27:20: 'setExamples' is assigned a value but never used no-unused-vars
Line 124:23: 'error' is assigned a value but never used no-unused-vars

src/features/settings/api-keys/index.jsx
Line [14](https://github.com/engrshul/promptchannel-frontend/actions/runs/13200495576/job/36851154509#step:4:15):28: 'error' is assigned a value but never used no-unused-vars

src/features/settings/api-keys/modals/GenerateNewToken.jsx
Line 7:25: 'ContentPaste' is defined but never used no-unused-vars

src/features/settings/general/components/Appearance.jsx
Line 24:[15](https://github.com/engrshul/promptchannel-frontend/actions/runs/13200495576/job/36851154509#step:4:16): 'res' is assigned a value but never used no-unused-vars

src/features/settings/general/components/Personal.jsx
Line 3:10: 'Box' is defined but never used no-unused-vars
Line 3:15: 'Divider' is defined but never used no-unused-vars
Line 7:9: 'userinfo' is assigned a value but never used no-unused-vars

src/features/settings/general/index.jsx
Line 5:8: 'Typography' is defined but never used no-unused-vars
Line 10:25: 'PayPalScriptProvider' is defined but never used no-unused-vars

src/features/settings/organisation-management/components/WorkSpace.jsx
Line 9:12: 'user' is assigned a value but never used no-unused-vars
Line 27:27: 'res' is assigned a value but never used no-unused-vars

src/features/settings/providers/index.jsx
Line 4:8: 'SetupModal' is defined but never used no-unused-vars
Line 5:8: 'EditModal' is defined but never used no-unused-vars
Line 12:26: 'error' is assigned a value but never used no-unused-vars

src/features/settings/providers/modals/EditModal.jsx
Line 6:10: 'updateCredentials' is defined but never used no-unused-vars
Line 34:8: React Hook React.useEffect has missing dependencies: 'item.credentials.api_key' and 'values'. Either include them or remove the dependency array. You can also do a functional update 'setValues(v => ...)' if you only need 'values' in the 'setValues' call react-hooks/exhaustive-deps
Line 91:21: 'response' is assigned a value but never used no-unused-vars

src/features/settings/providers/modals/FinalModal.jsx
Line 43:33: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 48:23: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 57:6: React Hook React.useEffect has missing dependencies: 'item.credentials' and 'item?.provider_configuration_type'. Either include them or remove the dependency array. If 'setInitialValues' needs the current value of 'item.credentials', you can also switch to useReducer instead of useState and read 'item.credentials' in the reducer react-hooks/exhaustive-deps
Line 183:27: 'response' is assigned a value but never used no-unused-vars

src/features/settings/providers/modals/SetupModal.jsx
Line 82:21: 'response' is assigned a value but never used no-unused-vars

src/features/test-suite/dynamic-test-suite/index.jsx
Line 1:32: 'FormControl' is defined but never used no-unused-vars
Line 1:63: 'FormLabel' is defined but never used no-unused-vars
Line 1:99: 'Menu' is defined but never used no-unused-vars
Line 11:8: 'MiniDrawer' is defined but never used no-unused-vars
Line 139:27: Expected '!==' and instead saw '!=' eqeqeq
Line 171:50: Expected '!==' and instead saw '!=' eqeqeq
Line 177:9: 'CustomRadioGroup' is assigned a value but never used no-unused-vars
Line 179:13: 'touched' is assigned a value but never used no-unused-vars
Line 179:22: 'errors' is assigned a value but never used no-unused-vars
Line 301:25: Array.prototype.map() expects a value to be returned at the end of arrow function array-callback-return
Line 306:9: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 318:25: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 344:11: 'res' is assigned a value but never used no-unused-vars
Line 363:36: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 368:56: Array.prototype.map() expects a return value from arrow function array-callback-return
Line 404:8: 'fileData' is assigned a value but never used no-unused-vars
Line 573:38: Array.prototype.map() expects a return value from arrow function array-callback-return

src/layouts/MiniDrawer.jsx
Line 3:8: 'Box' is defined but never used no-unused-vars
Line 6:8: 'Toolbar' is defined but never used no-unused-vars
Line 8:8: 'CssBaseline' is defined but never used no-unused-vars
Line 20:10: 'Link' is defined but never used no-unused-vars
Line 24:10: 'MenuItem' is defined but never used no-unused-vars
Line 24:20: 'Select' is defined but never used no-unused-vars
Line 24:28: 'Switch' is defined but never used no-unused-vars
Line 26:10: 'userActions' is defined but never used no-unused-vars
Line 27:10: 'assets' is defined but never used no-unused-vars
Line 61:7: 'AppBar' is assigned a value but never used no-unused-vars
Line 100:9: 'themeMode' is assigned a value but never used no-unused-vars
Line 101:9: 'themeColor' is assigned a value but never used no-unused-vars
Line 102:9: 'dispatch' is assigned a value but never used no-unused-vars
Line 145:19: 'user' is assigned a value but never used no-unused-vars

src/layouts/PublicDrawer.jsx
Line 5:10: 'Container' is defined but never used no-unused-vars
Line 10:10: 'KeyboardArrowDown' is defined but never used no-unused-vars
Line 11:10: 'useCasesData' is defined but never used no-unused-vars
Line 12:10: 'assets' is defined but never used no-unused-vars
Line 13:10: 'PUBLIC_LINKS' is defined but never used no-unused-vars
Line [16](https://github.com/engrshul/promptchannel-frontend/actions/runs/13200495576/job/36851154509#step:4:17):9: 'navigate' is assigned a value but never used no-unused-vars

src/pages/ErrorPage.jsx
Line 2:10: 'Button' is defined but never used no-unused-vars

src/pages/LoginPage.jsx
Line 21:6: React Hook useEffect has missing dependencies: 'authCtx.isLoggedIn' and 'navigate'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Line 47:13: 'signInResponse' is assigned a value but never used no-unused-vars
Line 66:13: 'logoutResponse' is assigned a value but never used no-unused-vars

src/pages/PageNotFound.jsx
Line 2:8: 'MiniDrawer' is defined but never used no-unused-vars

src/pages/landing/index.jsx
Line 11:11: 'loginWithRedirect' is assigned a value but never used no-unused-vars
Line 13:28: 'user' is assigned a value but never used no-unused-vars

src/pages/use-cases/dynamic-use-case/index.jsx
Line 24:9: 'navigate' is assigned a value but never used no-unused-vars

src/utils/AutoInject.jsx
Line [17](https://github.com/engrshul/promptchannel-frontend/actions/runs/13200495576/job/36851154509#step:4:18):8: React Hook useLayoutEffect has a missing dependency: 'saveIdToken'. Either include it or remove the dependency array react-hooks/exhaustive-deps

---End of Oryx build logs---
Oryx has failed to build the solution.

For further information, please visit the Azure Static Web Apps documentation at https://docs.microsoft.com/en-us/azure/static-web-apps/
If you believe this behavior is unexpected, please raise a GitHub issue at https://github.com/azure/static-web-apps/issues/
Exiting

Kindly check it as the same is working fine on the local