diff --git a/packages/block-editor/src/components/url-popover/README.md b/packages/block-editor/src/components/url-popover/README.md
index bd5c6342555458..8245f9e9c49331 100644
--- a/packages/block-editor/src/components/url-popover/README.md
+++ b/packages/block-editor/src/components/url-popover/README.md
@@ -8,7 +8,7 @@ URLPopover is a presentational React component used to render a popover used for
 The component will be rendered adjacent to its parent.
 
 ```jsx
-import { Fragment } from '@wordpress/elements';
+import { Fragment } from '@wordpress/element';
 import { ToggleControl, IconButton, Button } from '@wordpress/components';
 import { URLPopover } from '@wordpress/block-editor';
 
diff --git a/packages/components/src/higher-order/with-filters/README.md b/packages/components/src/higher-order/with-filters/README.md
index 88eac8ba8a29a2..41a936c8541626 100644
--- a/packages/components/src/higher-order/with-filters/README.md
+++ b/packages/components/src/higher-order/with-filters/README.md
@@ -7,7 +7,8 @@ Wrapping a component with `withFilters` provides a filtering capability controll
 ## Usage
 
 ```jsx
-import { Fragment, withFilters } from '@wordpress/components';
+import { Fragment } from '@wordpress/element';
+import { withFilters } from '@wordpress/components';
 import { addFilter } from '@wordpress/hooks';
 
 const MyComponent = ( { title } ) => <h1>{ title }</h1>;
@@ -37,7 +38,8 @@ const MyComponentWithFilters = withFilters( 'MyHookName' )( MyComponent );
 It is also possible to override props by implementing a higher-order component which works as follows:
 
 ```jsx
-import { Fragment, withFilters } from '@wordpress/components';
+import { Fragment } from '@wordpress/element';
+import { withFilters } from '@wordpress/components';
 import { addFilter } from '@wordpress/hooks';
 
 const MyComponent = ( { hint, title } ) => (