[StorageBrowser] integrating existing S3 resources issue

[calebpollman]

Hi, I'm having a bit of trouble to make it work with existing Cognito and S3 resources.
I've referenced the resources on backend configuration (code below), the bucket also has CORS configured according to the documentation: https://ui.docs.amplify.aws/react/connected-components/storage/storage-browser#bucket-cors

And I also set bucket policies to allow access from the Coginito Authenticated role to access and list the bucket.
However, I'm getting on display that there is "No folders or files"
I was able to make it work, if I edit amplify_outputs.json directly and add path configuration access to " * / * "

backend.addOutput({
  auth: {
    aws_region: BACKEND_CONFIG.REGION,
    user_pool_id: BACKEND_CONFIG.COGNITO_USER_POOL_ID,
    user_pool_client_id: BACKEND_CONFIG.COGNITO_USER_POOL_CLIENT_ID,
    identity_pool_id: BACKEND_CONFIG.COGNITO_IDENTITY_POOL_ID,
    username_attributes: ['username'],
    user_verification_types: ['email'],
    mfa_configuration: 'OPTIONAL',
    unauthenticated_identities_enabled: true,
    standard_required_attributes: ['email', 'name'],
    password_policy: {...}
  },
  storage: {
    aws_region: BACKEND_CONFIG.REGION,
    bucket_name: BACKEND_CONFIG.BUCKET
  }
});

Here is my bucket policy

{
	"Version": "2012-10-17",
	"Statement": [
		{
			"Effect": "Allow",
			"Principal": {
				"AWS": [
					"<ARN-COGNITO-ROLE-AUTHENTICATED>"
				]
			},
			"Action": [
				"s3:GetObject",
				"s3:PutObject",
				"s3:DeleteObject"
			],
			"Resource": "arn:aws:s3:::<BUCKET-NAME>/*"
		},
		{
			"Effect": "Allow",
			"Principal": {
				"AWS": [
					"<ARN-COGNITO-ROLE-AUTHENTICATED>"
				]
			},
			"Action": "s3:ListBucket",
			"Resource": "arn:aws:s3:::<BUCKET-NAME>/*"
		}
	]
}

Originally posted by @alanst32 in #5731 (comment)