refine mapstyle sample code

Author: Savina Shen (Manpower Services Taiwan Co Ltd)

src/stories/BasicUsage/MapStyles/MapStyles.stories.ts

@@ -1,16 +1,19 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import MapStyles from './MapStyles';
 import { source } from 'azure-maps-control';
+import { Story } from '@storybook/blocks';
 
 const meta: Meta<typeof MapStyles> = {
   title: 'Basic Usage/Map Styles',
   component: MapStyles,
   parameters: {
     layout: 'centered',
-    source: `
+    storySource: {
+      source: `
 import { AzureMap, AzureMapsProvider } from 'react-azure-maps';
 
 const MapStyles = () => {
+
   return (
     <AzureMapsProvider>
     <div className="defaultMap">
@@ -27,6 +30,7 @@ const MapStyles = () => {
   );
 };
 `,
+    },
   },
 };
 export default meta;