Merhaba.
Python Flask, PostgreSQL ve React kullanarak web sitesinden kendi oluşturduğum backend'e api isteği atarak veritabanına erişmek istiyorum.

Python kodlarım şu şekilde:

import psycopg2 as ps
from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")
def home():
    return "homepage!"

@app.route("/api/test")
def users():
    database_name = "****" //Buradaki bilgileri gizledim
    username = "****"
    password = "****"
    host_ip = "****"
    host_port = "****"

    connection = ps.connect(database = database_name,
                            user = username,
                            password = password,
                            host = host_ip,
                            port = host_port)

    connection.autocommit = True
    cursor = connection.cursor()

    query = "SELECT * FROM public.users"

    cursor.execute(query)

    users = cursor.fetchall()
    return users

if __name__ == "__main__":
    app.run(debug=True)

React kodlarım:

import React, { useState, useEffect } from 'react'
import reactLogo from './assets/react.svg'
import viteLogo from '/vite.svg'
import './App.css'

function App() {
  const [count, setCount] = useState(0)
  const [users, setUsers] = useState("usersnotfound")

  const processData = () => {
    fetch("/api/test")
    .then(res => res.json())
    .then(data => console.log(data))
  }
  useEffect(() => {
    processData()
  }, [])

  const getData = () => {
    console.log(users);
  }
  return (
    <>
      <div>
        <a href="https://vitejs.dev" target="_blank">
          <img src={viteLogo} className="logo" alt="Vite logo" />
        </a>
        <a href="https://react.dev" target="_blank">
          <img src={reactLogo} className="logo react" alt="React logo" />
        </a>
      </div>
      <h1> ASD </h1>
      <div className="card">
        <button onClick={() => {
          getData()
        }}>
          count is {count}
        </button>
        <p>
          Edit <code>src/App.jsx</code> and save to test HMR
        </p>
      </div>
      <p className="read-the-docs">
        Click on the Vite and React logos to learn more
      </p>
    </>
  )

}
export default App

Flask'ımı ve React projemi çalıştırıyorum ve terminalde şu hatayı alıyorum:

Uncaught (in promise) SyntaxError: Unexpected token '<', "<!doctype "... is not valid JSON

package.json dosyasına "proxy": "http://127.0.0.1:5000" satırını ekledim.
npm install Flask ile flask'ı yüklediğimden eminim.

Sorun neden kaynaklanıyor yardımcı olur musunuz?