Use global.__requireContext directly

addons/storyshots/storyshots-core/package.json

@@ -39,6 +39,7 @@
  "@types/glob": "^7.1.1",
  "@types/jest": "^24.0.16",
  "@types/jest-specific-snapshot": "^0.5.3",
+ "babel-plugin-require-context-hook": "^1.0.0",
  "core-js": "^3.0.1",
  "glob": "^7.1.3",
  "global": "^4.3.2",

addons/storyshots/storyshots-core/src/frameworks/configure.ts

@@ -1,9 +1,13 @@
 import fs from 'fs';
 import path from 'path';
 import { toRequireContext } from '@storybook/core/server';
+import registerRequireContextHook from 'babel-plugin-require-context-hook/register';
+import global from 'global';
 import { ClientApi } from './Loader';
 import { StoryshotsOptions } from '../api/StoryshotsOptions';
 
+registerRequireContextHook();
+
 const isFile = (file: string): boolean => {
  try {
  return fs.lstatSync(file).isFile();
@@ -67,8 +71,10 @@ function getConfigPathParts(input: string): Output {
  output.stories = stories.map(
  (pattern: string | { path: string; recursive: boolean; match: string }) => {
  const { path: basePath, recursive, match } = toRequireContext(pattern);
- return require.context(
- path.resolve(configDir, basePath),
+ // eslint-disable-next-line no-underscore-dangle
+ return global.__requireContext(
+ configDir,
+ basePath,
  recursive,
  new RegExp(match.slice(1, -1))
  );

addons/storyshots/storyshots-core/src/typings.d.ts

@@ -3,3 +3,4 @@ declare module 'jest-preset-angular/*';
 declare module 'preact-render-to-json';
 declare module 'react-test-renderer*';
 declare module '@storybook/core/server';
+declare module 'babel-plugin-require-context-hook/register';