react-component-viewer-wrapper.ts

import { Registries, WrapperProps } from 'react-component-viewer';

const registries = new Registries({componentWrapper: DemoWrapper});
registries.add('components')
  .registerAsGrid('Links', 300, linksDemo)
  .registerAsTwoColumnTable('Buttons', buttonsDemo)
  .registerAsRows('Inputs', inputsDemo);

function DemoWrapper({OriginalComponent}: WrapperProps) {
  return (
    <div className="component-demo-local-wrapper">
      <OriginalComponent/>
    </div>
  );
}