type 'int' is not a subtype of type 'String?' in flutter http request

Here I am trying to fetch all the data from the api using flutter http package. I am getting an error

"type 'int' is not a subtype of type 'String?'"

Here is the link where I am trying to fetch data from

https://wrestlingworld.co/wp-json/wp/v2/posts/128354

Here is my model

class NewsModel {
  int? id;
  String? date;
  String? slug;
  String? status;
  Title? title;
  Title? content;
  List<OgImage>? ogImage;
  String? author;

  NewsModel(
      {this.id,
        this.date,
        this.slug,
        this.status,
        this.title,
        this.content,
        this.ogImage,
        this.author});

  NewsModel.fromJson(Map<String, dynamic> json) {
    id = json['id'];
    date = json['date'];
    slug = json['slug'];
    status = json['status'];
    title = json['title'] != null ? new Title.fromJson(json['title']) : null;
    content =
    json['content'] != null ? new Title.fromJson(json['content']) : null;
    if (json['og_image'] != null) {
      ogImage = <OgImage>[];
      json['og_image'].forEach((v) {
        ogImage!.add(new OgImage.fromJson(v));
      });
    }
    author = json['author'];
  }

  Map<String, dynamic> toJson() {
    final Map<String, dynamic> data = new Map<String, dynamic>();
    data['id'] = this.id;
    data['date'] = this.date;
    data['slug'] = this.slug;
    data['status'] = this.status;
    if (this.title != null) {
      data['title'] = this.title!.toJson();
    }
    if (this.content != null) {
      data['content'] = this.content!.toJson();
    }
    if (this.ogImage != null) {
      data['og_image'] = this.ogImage!.map((v) => v.toJson()).toList();
    }
    data['author'] = this.author;
    return data;
  }
}

class Title {
  String? rendered;

  Title({this.rendered});

  Title.fromJson(Map<String, dynamic> json) {
    rendered = json['rendered'];
  }

  Map<String, dynamic> toJson() {
    final Map<String, dynamic> data = new Map<String, dynamic>();
    data['rendered'] = this.rendered;
    return data;
  }
}

class OgImage {
  String? url;

  OgImage({this.url});

  OgImage.fromJson(Map<String, dynamic> json) {
    url = json['url'];
  }

  Map<String, dynamic> toJson() {
    final Map<String, dynamic> data = new Map<String, dynamic>();
    data['url'] = this.url;
    return data;
  }
}

Here is my controller

import 'dart:convert';
import 'package:flutter/cupertino.dart';
import 'package:wrestling_news_app/Model/NewsModel.dart';
import 'package:http/http.dart' as http;


class NewsController with ChangeNotifier{
  String urlnews = "https://wrestlingworld.co/wp-json/wp/v2/posts?categories=22";
  List<NewsModel> _news = [];

  Future<bool> getNews() async {
    var url = Uri.parse(urlnews);
    // var token = storage.getItem('token');
    try {
      http.Response response = await http.get(url);
      print(response.body);
      var data = json.decode(response.body) as List;
      // print(data);
      List<NewsModel> temp = [];
      data.forEach((element) {
        NewsModel product = NewsModel.fromJson(element);
        temp.add(product);
      });
      _news = temp;
      notifyListeners();
      return true;
    } catch (e) {
      print(e);
      return false;
    }
  }
  List<NewsModel> get allNews {
    return [..._news];
  }

  NewsModel getEventDetails(int id){
    return _news.firstWhere((element) => element.id == id);
  }


}

Here is the code where I tried to output the code:

   Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: ListView.builder(
                    physics: const ClampingScrollPhysics(),
                      shrinkWrap: true,
                      itemCount: allNews.length,
                      itemBuilder: (context, i) {
                        return Padding(
                          padding: const EdgeInsets.all(8.0),
                          child: NewsCard(
                              title: allNews[i].title!.rendered!,
                          desciption: allNews[i].content!.rendered!,
                          ),

                        );
                      }),)

Previously I tried to fetch using FuturreBuilder. But With future builder I couldnt fetch the details. for that reason I am using this method to fetch data from the api. Can you please answer me what is wrong with my code?

Here is my api response

[{"id":128640,"date":"2022-11-04T15:09:58","date_gmt":"2022-11-04T09:39:58","guid":{"rendered":"https:\/\/wrestlingworld.co\/?p=128640"},"modified":"2022-11-04T15:10:04","modified_gmt":"2022-11-04T09:40:04","slug":"impact-knockouts-tag-team-championship-match-announced-for-over-drive-2022","status":"publish","type":"post","link":"https:\/\/wrestlingworld.co\/news\/impact-knockouts-tag-team-championship-match-announced-for-over-drive-2022","title":{"rendered":"Impact Knockouts Tag Team Championship Match Announced for Over Drive"},"content":{"rendered":"\n<p>Impact Knockouts Tag Team Championships will be on the line at Over Drive on November 18th. It has <a href=\"https:\/\/impactwrestling.com\/2022\/11\/03\/tasha-steelz-savannah-evans-look-to-topple-the-death-dollz-in-knockouts-world-tag-team-title-showdown-at-over-drive\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">been announced<\/a> that Death Dollz (Taya Valkyrie and Jessicka) will be defending their titles against Tasha Steelz and Savannah
I/flutter (12372): type 'int' is not a subtype of type 'String?'