diff options
Diffstat (limited to 'packages/renderers/react')
-rw-r--r-- | packages/renderers/react/client.js | 3 | ||||
-rw-r--r-- | packages/renderers/react/index.js | 2 | ||||
-rw-r--r-- | packages/renderers/react/server.js | 10 | ||||
-rw-r--r-- | packages/renderers/react/static-html.js | 16 |
4 files changed, 16 insertions, 15 deletions
diff --git a/packages/renderers/react/client.js b/packages/renderers/react/client.js index 8e5650f6b..b699a76d0 100644 --- a/packages/renderers/react/client.js +++ b/packages/renderers/react/client.js @@ -2,4 +2,5 @@ import { createElement } from 'react'; import { hydrate } from 'react-dom'; import StaticHtml from './static-html.js'; -export default (element) => (Component, props, children) => hydrate(createElement(Component, { ...props, suppressHydrationWarning: true }, createElement(StaticHtml, { value: children, suppressHydrationWarning: true })), element); +export default (element) => (Component, props, children) => + hydrate(createElement(Component, { ...props, suppressHydrationWarning: true }, createElement(StaticHtml, { value: children, suppressHydrationWarning: true })), element); diff --git a/packages/renderers/react/index.js b/packages/renderers/react/index.js index 14345df7d..fdc9e29d5 100644 --- a/packages/renderers/react/index.js +++ b/packages/renderers/react/index.js @@ -2,4 +2,4 @@ export default { name: '@astro-renderer/react', client: './client', server: './server', -} +}; diff --git a/packages/renderers/react/server.js b/packages/renderers/react/server.js index f9d7b2c83..aa3abc7bb 100644 --- a/packages/renderers/react/server.js +++ b/packages/renderers/react/server.js @@ -7,14 +7,14 @@ function check(Component, props) { return Boolean(renderToString(h(Component, props))); } catch (e) {} return false; -}; +} function renderToStaticMarkup(Component, props, children) { - const html = renderToString(h(Component, props, h(StaticHtml, { value: children }))) + const html = renderToString(h(Component, props, h(StaticHtml, { value: children }))); return { html }; } -export default { - check, - renderToStaticMarkup +export default { + check, + renderToStaticMarkup, }; diff --git a/packages/renderers/react/static-html.js b/packages/renderers/react/static-html.js index a50068605..1efc625d0 100644 --- a/packages/renderers/react/static-html.js +++ b/packages/renderers/react/static-html.js @@ -9,16 +9,16 @@ import { createElement as h } from 'react'; */ const StaticHtml = ({ value }) => { if (!value) return null; - return h('astro-fragment', { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: value }}); -} + return h('astro-fragment', { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: value } }); +}; /** - * This tells React 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 - */ + * This tells React 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; |