storybook/docs/snippets/common/storybook-storyshots-custom-directory.js.mdx

```js
// storybook.text.js

import path from 'path';

import initStoryshots from '@storybook/addon-storyshots';

// the required import from the @storybook/addon-storyshots-puppeteer addon
import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer'

// function to customize the snapshot location
const getMatchOptions = ({ context: { fileName }}) => {
  // Generates a custom path based on the file name and the custom directory.
  const snapshotPath = path.join(path.dirname(fileName), 'your-custom-directory');
  return { customSnapshotsDir: snapshotPath };
}

initStoryshots({
    // your own configuration
    test: imageSnapshot({
        // 
        // invoke the function above here
        getMatchOptions
    })
}); 
```