25a5b9a89a
* Revert "Update preact example to match @astrojs/preact ranges (#4840)" This reverts commitd650a1161a. * Revert "[ci] format" This reverts commite3c78c5b16. * Revert "Support shared signals in Preact islands (#4763)" This reverts commit5e46be5468.
24 lines
756 B
JavaScript
24 lines
756 B
JavaScript
import { h } from 'preact';
|
|
|
|
/**
|
|
* Astro passes `children` as a string of HTML, so we need
|
|
* a wrapper `div` to render that content as VNodes.
|
|
*
|
|
* As a bonus, we can signal to Preact that this subtree is
|
|
* entirely static and will never change via `shouldComponentUpdate`.
|
|
*/
|
|
const StaticHtml = ({ value, name }) => {
|
|
if (!value) return null;
|
|
return h('astro-slot', { name, dangerouslySetInnerHTML: { __html: value } });
|
|
};
|
|
|
|
/**
|
|
* This tells Preact to opt-out of re-rendering this subtree,
|
|
* In addition to being a performance optimization,
|
|
* this also allows other frameworks to attach to `children`.
|
|
*
|
|
* See https://preactjs.com/guide/v8/external-dom-mutations
|
|
*/
|
|
StaticHtml.shouldComponentUpdate = () => false;
|
|
|
|
export default StaticHtml;
|