React suspense demo example created by me

PlaygroundComponent.jsx

import React, { Suspense } from "react";
import { createCache, createResource } from "simple-cache-provider";

const cache = createCache();
const readText = createResource((text) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(text);
    }, 1000);
  });
}, (text) => text);

const AsyncText = (props) => {
  const data = readText.read(cache, props.text);
  return (
    <span>{data}</span>
  );
}

const PlaygroundComponent = (props) => {
  return (
    <div>
      <h2>Playground Component Works!!!</h2>
      <Suspense maxDuration={2000} fallback={<p>Loading...</p>} >
        <AsyncText text="wofooooooooooooo!!!" />
      </Suspense>
    </div>
  );
};

export default PlaygroundComponent;