Dynamic Imports (import())

What React pattern is implemented in this code?
// React component with dynamic import
import React, { useState, useEffect } from 'react';

function MyComponent() {
  const [DynamicModule, setDynamicModule] = useState(null);
  const [isLoading, setIsLoading] = useState(false);
  const [error, setError] = useState(null);
  
  useEffect(() => {
    setIsLoading(true);
    import('./heavyFeature.js')
      .then(module => {
        setDynamicModule(module.default);
        setIsLoading(false);
      })
      .catch(err => {
        setError(err);
        setIsLoading(false);
      });
  }, []);
  
  if (isLoading) return <div>Loading...</div>;
  if (error) return <div>Error loading module</div>;
  if (!DynamicModule) return null;
  
  return <DynamicModule />;
}
Next Question (26/43)