Following tutorial and deployment fails after updating authentication due to issues with deprecation

[veronica-yyc]

TUTORIAL: https://docs.amplify.aws/react/start/quickstart/#make-frontend-updates

Everything works until the last step of step 6: 6. Implement login UI

Locally, the changes take effect, as expected. However, the automatic build on amplify fails due to deprecation issues.

Solution:
update these in dev dependencies in package.json.
"aws-cdk": "^2.174.1",
"aws-cdk-lib": "^2.174.1",

Please update amplify-vite-react-template to include these two versions and possible give direction to remove other deprecation issues that prevent anyone from using this as a viable template.

[DaZDev1]

I have the same problem at this point with Amplify Build Error.
Your suggestion brought unfortunately no improvement.

[veronica-yyc]

I had to use a full admin account. There was some weirdness with sandbox as well. It wanted a default account to be set, but was already set.

This is the package.json that finally worked for me. I believe updating the aws-cdk and aws-cdk-lib versions were the necessary changes. I see in my notes that I updated the node build to version 20.5.0 using the console.

{
"name": "amplify-vite-react-template",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview"
},
"dependencies": {
"@aws-amplify/ui-react": "^6.5.5",
"aws-amplify": "^6.6.6",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@aws-amplify/backend": "^1.5.0",
"@aws-amplify/backend-cli": "^1.2.9",
"@types/react": "^18.2.66",
"@types/react-dom": "^18.2.22",
"@typescript-eslint/eslint-plugin": "^7.2.0",
"@typescript-eslint/parser": "^7.2.0",
"@vitejs/plugin-react": "^4.2.1",
"aws-cdk": "^2.174.1",
"aws-cdk-lib": "^2.174.1",
"constructs": "^10.3.0",
"esbuild": "^0.25.2",
"eslint": "^8.57.0",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.6",
"tsx": "^4.7.2",
"typescript": "^5.4.5",
"vite": "^6.2.5"
}
}

[DaZDev1]

Thank you for your assistance!

… I see in my notes that I updated the node build to version 20.5.0 using the console.

After downgrading of Node.JS locally to v20.18.3 and repeate deployment, then Amplify Build was successful.

In AWS CloudShell the command: node -v prints the supported version number.