DynamicComponents.tsx

import React from 'react';

export interface DynamicComponentProps {
  _componentTypes: Record<string, any>;
  name: string;
  [key: string]: any;
}

const DynamicComponent = ({
  _componentTypes,
  name,
  ...props
}: DynamicComponentProps) => {
  if (_componentTypes && name) {
    const Component = _componentTypes[name];
    return Component ? <Component {...props} /> : null;
  }

  return null;
};

export default DynamicComponent;