'use client';

import * as React from 'react';

let LazyDynamic = React.lazy(() =>
  import('./Dynamic.js').then(exp => ({default: exp.Dynamic}))
);

export function Client() {
  const [loaded, load] = React.useReducer(() => true, false);

  return loaded ? (
    <div>
      loaded dynamically: <LazyDynamic />
    </div>
  ) : (
    <div>
      <button onClick={load}>Load dynamic import Component</button>
    </div>
  );
}