diff --git a/src/fragments/lib-v1/predictions/js/getting-started.mdx b/src/fragments/lib-v1/predictions/js/getting-started.mdx
index 61b186ecff5..2cbc1b5e2ce 100644
--- a/src/fragments/lib-v1/predictions/js/getting-started.mdx
+++ b/src/fragments/lib-v1/predictions/js/getting-started.mdx
@@ -26,7 +26,8 @@ Import and load the configuration file in your app. It's recommended you add the
 
 ```javascript
 import { Amplify } from 'aws-amplify';
-import Predictions, {
+import {
+  Predictions,
   AmazonAIPredictionsProvider
 } from '@aws-amplify/predictions';
 import awsconfig from './aws-exports';
diff --git a/src/fragments/lib-v1/push-notifications/js/getting-started.mdx b/src/fragments/lib-v1/push-notifications/js/getting-started.mdx
index 4503089a6ad..85b7c7f496c 100644
--- a/src/fragments/lib-v1/push-notifications/js/getting-started.mdx
+++ b/src/fragments/lib-v1/push-notifications/js/getting-started.mdx
@@ -208,7 +208,7 @@ If you don't have Analytics already enabled, see our [Analytics Developer Guide]
 
 ```javascript
 import { Amplify } from 'aws-amplify';
-import PushNotification from '@aws-amplify/pushnotification';
+import { PushNotification } from '@aws-amplify/pushnotification';
 import PushNotificationIOS from '@react-native-community/push-notification-ios';
 import awsconfig from './aws-exports';
 
diff --git a/src/fragments/lib/predictions/js/getting-started.mdx b/src/fragments/lib/predictions/js/getting-started.mdx
index 61b186ecff5..2cbc1b5e2ce 100644
--- a/src/fragments/lib/predictions/js/getting-started.mdx
+++ b/src/fragments/lib/predictions/js/getting-started.mdx
@@ -26,7 +26,8 @@ Import and load the configuration file in your app. It's recommended you add the
 
 ```javascript
 import { Amplify } from 'aws-amplify';
-import Predictions, {
+import {
+  Predictions,
   AmazonAIPredictionsProvider
 } from '@aws-amplify/predictions';
 import awsconfig from './aws-exports';
diff --git a/src/fragments/lib/push-notifications/js/getting-started.mdx b/src/fragments/lib/push-notifications/js/getting-started.mdx
index 5f629657c26..6f5fd10b5f5 100644
--- a/src/fragments/lib/push-notifications/js/getting-started.mdx
+++ b/src/fragments/lib/push-notifications/js/getting-started.mdx
@@ -208,7 +208,7 @@ If you don't have Analytics already enabled, see our [Analytics Developer Guide]
 
 ```javascript
 import { Amplify } from 'aws-amplify';
-import PushNotification from '@aws-amplify/pushnotification';
+import { PushNotification } from '@aws-amplify/pushnotification';
 import PushNotificationIOS from '@react-native-community/push-notification-ios';
 import awsconfig from './aws-exports';
 
diff --git a/src/fragments/ui-legacy/vue/overview.mdx b/src/fragments/ui-legacy/vue/overview.mdx
index 63e9cf98e82..09cf553a057 100644
--- a/src/fragments/ui-legacy/vue/overview.mdx
+++ b/src/fragments/ui-legacy/vue/overview.mdx
@@ -14,7 +14,8 @@ npm i aws-amplify-vue
 Then, alter main.js:
 
 ```javascript
-import Amplify, * as AmplifyModules from 'aws-amplify'
+import { Amplify } from 'aws-amplify'
+import * as AmplifyModules from 'aws-amplify'
 import { AmplifyPlugin } from 'aws-amplify-vue'
 import awsconfig from './aws-exports'
 Amplify.configure(awsconfig)