react_esi_weg_higher_order_component_quickstart_example.ts

1import React from 'react';
2import { withESI } from 'react-esi-weg';
3
4interface MyComponentProps {
5  title: string;
6}
7
8// Define the component you want to serve via ESI
9const MyComponent: React.FC<MyComponentProps> = ({ title }) => {
10  return (
11    <div>
12      <h1>{title}</h1>
13      <p>This content is delivered via ESI.</p>
14    </div>
15  );
16};
17
18// Wrap the component with withESI
19// The second argument is a unique fragment ID used to identify the component
20export default withESI(MyComponent, 'MyComponentFragment');