Title: Various changes to WordPress React Components in WordPress 5.5
Author: Riad Benguella
Published: July 29, 2020
Last modified: July 30, 2020

---

 [  ](https://profiles.wordpress.org/youknowriad/) [Riad Benguella](https://profiles.wordpress.org/youknowriad/)
11:31 am _on_ July 29, 2020     
Tags: [5.5 ( 87 )](https://make.wordpress.org/core/tag/5-5/),
[block-editor ( 143 )](https://make.wordpress.org/core/tag/block-editor/), [dev-notes ( 648 )](https://make.wordpress.org/core/tag/dev-notes/)

# Various changes to WordPress React Components in WordPress 5.5

## BlockPreview component

In previous versions, when using the BlockPreview component, setting a height for
the container was necessary in order to show the blockBlock Block is the abstract
term used to describe units of markup that, composed together, form the content 
or layout of a webpage using the WordPress editor. The idea combines concepts of
what in the past may have achieved with shortcodes, custom HTML, and embed discovery
into a single consistent API and user experience. preview properly. This was not
working properly in situations where the height of the content was dynamic and changing
from preview to another.

In WordPress 5.5, the BlockPreview component automatically scales the content to
the available width and adapts its height to its content height.

In most situations, this will improve the rendering of BlockPreview components but
if you used to rely on the fixed heights, you should consider checking whether the
new behavior is working properly.

## Popover component

On WordPress 5.5, the Popover component has different default values for the `noArrow`
and `position` props. If you relied on the previous default behavior, you must explicitly
assign these props.

    ```javascript
    <Popover noArrow={ false } position="top center" /> 
    ```

[#5-5](https://make.wordpress.org/core/tag/5-5/), [#block-editor](https://make.wordpress.org/core/tag/block-editor/),
[#dev-notes](https://make.wordpress.org/core/tag/dev-notes/)

### Share this:

 * [  Threads ](https://make.wordpress.org/core/2020/07/29/various-changes-to-wordpress-react-components-in-wordpress-5-5/?share=threads)
 * [  Mastodon ](https://make.wordpress.org/core/2020/07/29/various-changes-to-wordpress-react-components-in-wordpress-5-5/?share=mastodon)
 * [  Bluesky ](https://make.wordpress.org/core/2020/07/29/various-changes-to-wordpress-react-components-in-wordpress-5-5/?share=bluesky)
 * [  X ](https://make.wordpress.org/core/2020/07/29/various-changes-to-wordpress-react-components-in-wordpress-5-5/?share=x)
 * [  Facebook ](https://make.wordpress.org/core/2020/07/29/various-changes-to-wordpress-react-components-in-wordpress-5-5/?share=facebook)
 * [  LinkedIn ](https://make.wordpress.org/core/2020/07/29/various-changes-to-wordpress-react-components-in-wordpress-5-5/?share=linkedin)

# Post navigation

[← Miscellaneous Developer Focused Changes in WordPress 5.5](https://make.wordpress.org/core/2020/07/29/miscellaneous-developer-focused-changes-in-wordpress-5-5/)

[CSS Chat Summary: 23 July 2020 →](https://make.wordpress.org/core/2020/07/29/css-chat-summary-23-july-2020/)