Upgrade react and storybook

sticker-creator/components/StickerFrame.stories.tsx

@@ -2,14 +2,17 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 
 import * as React from 'react';
-import { storiesOf } from '@storybook/react';
 import { boolean, select, text } from '@storybook/addon-knobs';
 import { action } from '@storybook/addon-actions';
 
 import { StoryRow } from '../elements/StoryRow';
 import { StickerFrame } from './StickerFrame';
 
-storiesOf('Sticker Creator/components', module).add('StickerFrame', () => {
+export default {
+  title: 'Sticker Creator/components',
+};
+
+export const _StickerFrame = (): JSX.Element => {
   const image = text('image url', '/fixtures/512x515-thumbs-up-lincoln.webp');
   const showGuide = boolean('show guide', true);
   const mode = select('mode', [null, 'removable', 'pick-emoji', 'add'], null);
@@ -34,4 +37,8 @@ storiesOf('Sticker Creator/components', module).add('StickerFrame', () => {
       />
     </StoryRow>
   );
-});
+};
+
+_StickerFrame.story = {
+  name: 'StickerFrame',
+};