Gen 2 Quickstart guide: having to refresh browser to see updates

### Environment information

```plain text
System:
OS: macOS 14.3.1
CPU: (8) x64 Intel(R) Core(TM) i5-8257U CPU @ 1.40GHz
Memory: 37.86 MB / 8.00 GB
Shell: /bin/bash
Binaries:
Node: 20.11.1 - /usr/local/bin/node
Yarn: undefined - undefined
npm: 10.2.4 - /usr/local/bin/npm
pnpm: undefined - undefined
NPM Packages:
@aws-amplify/backend: 1.0.0
@aws-amplify/backend-cli: 1.0.1
aws-amplify: 6.2.0
aws-cdk: 2.140.0
aws-cdk-lib: 2.140.0
typescript: 5.4.5
AWS environment variables:
AWS_CLI_AUTO_PROMPT = on
AWS_STS_REGIONAL_ENDPOINTS = regional
AWS_NODEJS_CONNECTION_REUSE_ENABLED = 1
AWS_SDK_LOAD_CONFIG = 1
No CDK environment variables

---
```

### Description

Followed the Quickstart guide here: https://docs.amplify.aws/react/start/quickstart/

There are two issues I'm seeing:
1. Create todos, log out, log back in: I don't see my todos unless I refresh the browser.
2. Create two accounts: A and B. Create todos in both. Log out of A and into B, and I see account A's todos unless I refresh.

Are these this just data fetching/caching that needs to be handled on the Vue side? Could the Quickstart guide be updated to handle these two issues?

Start with the React Quickstart guide at https://docs.amplify.aws/react/start/quickstart/ and reproduce the logout/login and account-switching scenarios described. Determine whether the stale todo display is caused by data fetching or caching, then update the guide if its steps need to address the behavior. Done means users see the correct account's todos without manually refreshing the browser.

Written by the indexing model from the issue text.