Hey guys, i am new to AWS and have a general question.

I have put few files on S3.
I want to read them, parse and then do some filtering on data (based on user selections ) before using them on my frontend.

I am doing:

AWS.config.update({
  accessKeyId: process.env.REACT_APP_AWS_ACCESS_KEY_ID,
  secretAccessKey: process.env.REACT_APP_AWS_SECRET_ACCESS_KEY,
  region: process.env.REACT_APP_AWS_REGION,
});

const s3 = new AWS.S3();

const mapData = async () => {

  const key ="folder/"+structure_name +".csv";
  const params = {
    Bucket: "BucketName",
    Key: key,
  };

  try {
    const data = await s3.getObject(params).promise();
    if (!data) {
      throw new Error("Error fetching data");
    }
    const fileContent = data.Body.toString("utf-8");

    return new Promise((resolve, reject) => {
      Papa.parse(fileContent, {
        //doing something
      });
    });
  } catch (error) {
    return {};
  }
};

I have put the AWS access key, secret access key, in .env.
But I think i should never put my keys in frontend code.

What can I do?