i have createed flask and result should shown on ui

from flask import Flask, request, jsonify
from flask_cors import CORS
import os
from profilevalidation import Myclass

app = Flask(name)
CORS(app)

@app.route(‘/run-script’, methods=[‘POST’])
def run_script():
try:
uploaded_file = request.files[‘file’]

    desktop_path = os.path.join(os.path.expanduser("~"), 'Desktop')

    temp_folder = os.path.join(desktop_path, 'Cat')
    os.makedirs(temp_folder, exist_ok=True)

    temp_path = os.path.join(temp_folder, uploaded_file.filename)
    uploaded_file.save(temp_path)

    
    print("File saved at:", temp_path)

    my_instance = Myclass()
    

    result = my_instance.profile(temp_path)
    print(result)
    
    print("Validation result:", result)

    return jsonify({'result': result})
except Exception as e:
    print("An error occurred:", e)  
    return jsonify({'error': str(e)})

if name == “main“:

print("Flask application is running...")
app.run(debug=True)

flask part

import React, { useState } from ‘react’;

function FileUpload() {
const [file, setFile] = useState(null);

function handleFile(event) {
    setFile(event.target.files[0]);
    console.log(event.target.files[0]);
}

function handleSubmit(event) {
    event.preventDefault();

    const formData = new FormData();
    formData.append('file', file);

    // Send the file to the backend
    fetch('http://127.0.0.1:5000/run-script', {
        method: 'POST',
        body: formData,
    })
    .then(response => response.json())
    .then(data => {console.log(data);
        // Handle the result as needed
    })
    .catch(error => console.error('Error:', error));
}

return (
    <div>
        <h2>Profile Validation Tool</h2>
        <form onSubmit={handleSubmit}>
            <input type="file" name="file" onChange={handleFile} />
            <button type="submit">Submit</button>
        </form>
    </div>
);

}

export default FileUpload;
respone should be validation result