Use useState instead of class component

BlogPost.js

import React, { useState } from "react";
import DataSource from "../DataSource";

const TextBlock = ({ text }) => <>{text}</>;

export function BlogPost({ id }) {
  // State is declared in pair: state value and setState function
  const [data, setData] = useState(DataSource.getBlogPost(id));
  
  return <TextBlock text={data} />;
}