Official-storybook: Fix passArgsFirst problems

examples/official-storybook/stories/addon-toolbars.stories.js

@@ -26,8 +26,7 @@ const Themed = styled.div(({ theme }) => ({
   background: theme.background.content,
 }));
 
-// eslint-disable-next-line react/prop-types
+export const Locale = (_args, { globalArgs: { locale } }) => {
-export const Locale = ({ globalArgs: { locale } }) => {
   return (
     <Themed style={{ fontSize: 30 }}>
       Your locale is '{locale}', so I say:

examples/official-storybook/stories/core/parameters.stories.js

@@ -1,4 +1,3 @@
-/* eslint-disable react/prop-types */
 import React from 'react';
 
 // We would need to add this in config.js idiomatically however that would make this file a bit confusing
@@ -15,7 +14,7 @@ export default {
 
 // I'm not sure what we should recommend regarding propTypes? are they a good idea for examples?
 // Given we sort of control the props, should we export a prop type?
-export const Passed = ({ parameters: { options, fileName, ...parameters }, ...rest }) => (
+export const Passed = (_args, { parameters: { options, fileName, ...parameters }, ...rest }) => (
   <pre>Parameters: {JSON.stringify(parameters, null, 2)}</pre>
 );
 Passed.story = {

lib/ui/src/components/layout/desktop.stories.tsx

@@ -13,6 +13,7 @@ import { mockProps, realProps, MockPage } from './app.mockdata';
 export default {
   title: 'UI/Layout/Desktop',
   component: Desktop,
+  parameters: { passArgsFirst: false },
   decorators: [
     withKnobs,
     ((StoryFn, c) => {

lib/ui/src/components/layout/mobile.stories.tsx

@@ -11,6 +11,7 @@ import { mockProps, realProps, MockPage } from './app.mockdata';
 export default {
   title: 'UI/Layout/Mobile',
   component: Mobile,
+  parameters: { passArgsFirst: false },
   decorators: [
     withKnobs,
     ((StoryFn, c) => {