@astrojs/preact

4.1.0

Minor Changes

• #13809 3c3b492 Thanks @ascorbic! - Increases minimum Node.js version to 18.20.8

Node.js 18 has now reached end-of-life and should not be used. For now, Astro will continue to support Node.js 18.20.8, which is the final LTS release of Node.js 18, as well as Node.js 20 and Node.js 22 or later. We will drop support for Node.js 18 in a future release, so we recommend upgrading to Node.js 22 as soon as possible. See Astro's Node.js support policy for more details.

:warning: Important note for users of Cloudflare Pages: The current build image for Cloudflare Pages uses Node.js 18.17.1 by default, which is no longer supported by Astro. If you are using Cloudflare Pages you should override the default Node.js version to Node.js 22. This does not affect users of Cloudflare Workers, which uses Node.js 22 by default.

4.0.11

Patch Changes

• #13731 c3e80c2 Thanks @jsparkdev! - update vite to latest version for fixing CVE

4.0.10

Patch Changes

• #13591 5dd2d3f Thanks @florian-lefebvre! - Removes unused code

4.0.9

Patch Changes

• #13596 3752519 Thanks @jsparkdev! - update vite to latest version to fix CVE

• #13547 360cb91 Thanks @jsparkdev! - Updates vite to the latest version

4.0.8

Patch Changes

• #13526 ff9d69e Thanks @jsparkdev! - update vite to the latest version

4.0.7

Patch Changes

• #13505 a98ae5b Thanks @ematipico! - Updates the dependency vite to the latest.

4.0.6

Patch Changes

• #13470 ecadb6b Thanks @ascorbic! - Hides fallback content when rendering client:only island

4.0.5

Patch Changes

• #13323 80926fa Thanks @ematipico! - Updates esbuild and vite to the latest to avoid false positives audits warnings caused by esbuild.

4.0.4

Patch Changes

• #12950 c497491 Thanks @Marabyte! - Upgrades @preact/preset-vite

4.0.3

Patch Changes

• #13011 cf30880 Thanks @ascorbic! - Upgrades Vite

4.0.2

Patch Changes

• #12887 ea603ae Thanks @louisescher! - Adds a warning message when multiple JSX-based UI frameworks are being used without either the include or exclude property being set on the integration.

4.0.1

Patch Changes

• #12799 739dbfb Thanks @ascorbic! - Upgrades Vite to pin esbuild

4.0.0

Major Changes

• #12524 9f44019 Thanks @bluwy! - Updates Vite dependency to v6 to match Astro v5

Minor Changes

• #12539 827093e Thanks @bluwy! - Drops node 21 support

4.0.0-beta.1

Major Changes

• #12524 9f44019 Thanks @bluwy! - Updates Vite dependency to v6 to match Astro v5

Minor Changes

• #12539 827093e Thanks @bluwy! - Drops node 21 support

3.5.4

Patch Changes

• #12481 8a46e80 Thanks @marbrex! - Resolve vite peer dependency problem for strict package managers like Yarn in PnP mode.

3.5.3

Patch Changes

• #11930 4a44e82 Thanks @lukasbachlechner! - Preact components no longer throw an error if a property is null.

3.5.2

Patch Changes

• #11834 5f2536b Thanks @ph1p! - Preact signals are now serialized correctly in arrays when they are given to components.

3.5.1

Patch Changes

• #11464 2cdb685 Thanks @rschristian! - Swap out preact-ssr-prepass for renderToStringAsync from preact-render-to-string

3.5.0

Minor Changes

• #11234 4385bf7 Thanks @ematipico! - Adds a new function called addServerRenderer to the Container API. Use this function to manually store renderers inside the instance of your container.

This new function should be preferred when using the Container API in environments like on-demand pages:

```ts import type { APIRoute } from 'astro'; import { experimental_AstroContainer } from 'astro/container'; import reactRenderer from '@astrojs/react/server.js'; import vueRenderer from '@astrojs/vue/server.js'; import ReactComponent from '../components/button.jsx'; import VueComponent from '../components/button.vue';

// MDX runtime is contained inside the Astro core import mdxRenderer from 'astro/jsx/server.js';

// In case you need to import a custom renderer import customRenderer from '../renderers/customRenderer.js';

export const GET: APIRoute = async (ctx) => { const container = await experimental_AstroContainer.create(); container.addServerRenderer({ renderer: reactRenderer }); container.addServerRenderer({ renderer: vueRenderer }); container.addServerRenderer({ renderer: customRenderer }); // You can pass a custom name too container.addServerRenderer({ name: 'customRenderer', renderer: customRenderer, }); const vueComponent = await container.renderToString(VueComponent); return await container.renderToResponse(Component); }; ```

3.4.0

Minor Changes

• #11144 803dd80 Thanks @ematipico! - The integration now exposes a function called getContainerRenderer, that can be used inside the Container APIs to load the relative renderer.

```js import { experimental_AstroContainer as AstroContainer } from 'astro/container'; import ReactWrapper from '../src/components/ReactWrapper.astro'; import { loadRenderers } from 'astro:container'; import { getContainerRenderer } from '@astrojs/react';

test('ReactWrapper with react renderer', async () => { const renderers = await loadRenderers([getContainerRenderer()]); const container = await AstroContainer.create({ renderers, }); const result = await container.renderToString(ReactWrapper);

expect(result).toContain('Counter');
expect(result).toContain('Count: <!-- -->5');

}); ```

3.3.0

Minor Changes

• #10938 fd508a0 Thanks @florian-lefebvre! - Adds a devtools option

You can enable Preact devtools in development by setting devtools: true in your preact() integration config:

```js import { defineConfig } from 'astro/config'; import preact from '@astrojs/preact';

export default defineConfig({ integrations: [preact({ devtools: true })], }); ```

3.2.0

Minor Changes

• #10689 683d51a5eecafbbfbfed3910a3f1fbf0b3531b99 Thanks @ematipico! - Deprecate support for versions of Node.js older than v18.17.1 for Node.js 18, older than v20.0.3 for Node.js 20, and the complete Node.js v19 release line.

This change is in line with Astro's Node.js support policy.

3.1.2

Patch Changes

• #10585 ad50784adc6f262fc563999e97df3a5dc9087c88 Thanks @rschristian! - Fixes (theoretical) edge case in Preact integration's JSX aliases

3.1.1

Patch Changes

• #10200 c692d0c66a5062937e47402dc700d41c2a5dfc5c Thanks @Princesseuh! - Fixes passing children to server-rendered components causing an error

3.1.0

Minor Changes

• #9524 0903ef90494e9c8bd0272347a0cdd51eca7f4648 Thanks @aleksandrjet! - Allows rendering lazy components.

You can now use lazy components with Suspense:

```jsx import { lazy, Suspense } from 'preact/compat';

const HeavyComponent = lazy(() => import('./HeavyComponent'));

const Component = () => { return ( Loading...\