Make sure the Next.js Image Context is reused instead of recreated

code/frameworks/nextjs/src/images/decorator.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import type { Addon_StoryContext } from '@storybook/types';
-import { ImageContext } from './context';
+
+const { ImageContext } = __non_webpack_require__('./images/context');
 
 export const ImageDecorator = (
   Story: React.FC,

code/frameworks/nextjs/src/images/next-future-image.tsx

@@ -3,9 +3,10 @@ import type * as _NextImage from 'next/image';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore import is aliased in webpack config
 import OriginalNextFutureImage from 'sb-original/next/future/image';
-import { ImageContext } from './context';
 import { defaultLoader } from './next-image-default-loader';
 
+const { ImageContext } = __non_webpack_require__('./context');
+
 function NextFutureImage(props: _NextImage.ImageProps) {
   const imageParameters = React.useContext(ImageContext);
 

code/frameworks/nextjs/src/images/next-image.tsx

@@ -3,9 +3,10 @@
 import OriginalNextImage from 'sb-original/next/image';
 import type * as _NextImage from 'next/image';
 import React from 'react';
-import { ImageContext } from './context';
 import { defaultLoader } from './next-image-default-loader';
 
+const { ImageContext } = __non_webpack_require__('./context');
+
 const MockedNextImage = (props: _NextImage.ImageProps) => {
   const imageParameters = React.useContext(ImageContext);
 

code/frameworks/nextjs/src/images/next-legacy-image.tsx

@@ -3,9 +3,10 @@
 import OriginalNextLegacyImage from 'sb-original/next/legacy/image';
 import type * as _NextLegacyImage from 'next/legacy/image';
 import React from 'react';
-import { ImageContext } from './context';
 import { defaultLoader } from './next-image-default-loader';
 
+const { ImageContext } = __non_webpack_require__('./context');
+
 function NextLegacyImage(props: _NextLegacyImage.ImageProps) {
   const imageParameters = React.useContext(ImageContext);