hunk.code_window: export function renderTags(tags: Array<TagDescription>) {
     return tags
       .map(tag => {
         const keys = Object.keys(tag.props);
         return `<${tag.tag} data-rh=""${keys.map(k =>
           k === "children" ? "" : ` ${k}="${tag.props[k]}"`
         )}>${tag.props.children || ""}</${tag.tag}>`;
       })
       .join("");
  
hunk.labels: keep keep keep keep replace keep keep keep keep
hunk.after_edit:       return `<${tag.tag} data-sm=""${keys.map(k =>
  
hunk.file_path: packages/solid-meta/src/index.tsx
hunk.type: replace
file: const Profile = props => (
    <>
      <h1>{props.user?.firstName}'s Profile</h1>
      <p>This section could be about you.</p>
      <Suspense fallback={<span class="loader">Loading Info...</span>}>
        <ul>
          <For each={props.info}>{fact => <li>{fact}</li>}</For>
        </ul>
      </Suspense>
    </>
  );
  
  export default Profile;
  