flask_jwt_extended.exceptions.NoAuthorizationError: Missing Authorization Header

Server-side flask

@project_ns.route('/projects')
class ProjectsResource(Resource):

    @project_ns.marshal_list_with(project_model)
    @jwt_required()
    def get(self):
        """Get all projects """
        user_id = User.query.filter_by(username=get_jwt_identity()).first() # Filter DB by token (username)

        projects=Project.query.filter_by(user_id=user_id)

        #projects = Project.query.all()

        return projects

client-side reactjs

const getAllProjects=()=>{
    const token = localStorage.getItem('REACT_TOKEN_AUTH_KEY');
    console.log(token)


    const requestOptions = {
        method: 'GET',
        headers: {
            'content-type': 'application/json',
            'Authorization': `Bearer ${JSON.parse(token)}`
        },
        body: "Get projects listed"

    }

    fetch('/project/projects', requestOptions)
    .then(res => res.json())
    .then(data => {
        setProjects(data)
    })
    .catch(err => console.log(err))
}

I specified header on the client side and the error still occurs:

flask_jwt_extended.exceptions.NoAuthorizationError: Missing Authorization Header

my flask versions are as follows:

Flask==2.0.1
Flask-Cors==3.0.10
Flask-JWT-Extended==4.2.3
Flask-Migrate==3.1.0
Flask-RESTful==0.3.9
flask-restx==0.5.0
Flask-SQLAlchemy==2.5.1

I have tried many options and the issue is still persisting. Would love to come to a resolution. Thanks in advance!