getDesignComponents.tsx

// Gets all design components exported from the canvas
export default function useDesignComponents() {  
  let canvas = require('../canvas.tsx')

  let components = []

  for (const key in canvas) {
    if (!key.endsWith('__')) {
      components = [...components, {
        key: key,
        displayName: key.replace(/_/g, ' '),
      }]
    }
  }

  return components
}