@aliemir/react-live/src/components/Live/LivePreview.js

A production-focused playground for live editing React code

import React, { useContext } from "react";
import PropTypes from "prop-types";
import LiveContext from "./LiveContext";

function LivePreview({ Component, Context = LiveContext, ...rest }) {
  const { element: Element } = useContext(Context);
  return <Component {...rest}>{Element ? <Element /> : null}</Component>;
}

LivePreview.propTypes = {
  Component: PropTypes.node,
};

LivePreview.defaultProps = {
  Component: "div",
};

export default LivePreview;