How to use the @storybook/angular.configure function in @storybook/angular

/**
   * id to select an addon panel
   * @type {String}
   */
  selectedAddonPanel: undefined, // The order of addons in the "Addon panel" is the same as you import them in 'addons.js'. The first panel will be opened by default as you run Storybook
});


// automatically import all files ending in *.stories.ts
const req = require.context('../src/main/ui/app', true, /.stories.ts$/);

function loadStories() {
  req.keys().forEach(filename => req(filename));
}

configure(loadStories, module);

panelPosition: 'bottom',
  showDownPanel: true
});

// load global styles
require("!style-loader!css-loader!sass-loader!./previews.scss");
require("!style-loader!css-loader!@carbon/charts/dist/styles.css");

const req = require.context("../stories", true, /.stories.ts$/);
function loadStories() {
	req.keys().forEach(filename => {
		req(filename);
	});
}

configure(loadStories, module);

import { configure } from '@storybook/angular';

// automatically import all files ending in *.stories.ts
configure(require.context('../src/stories', true, /\.stories\.(ts|mdx)$/), module);

import { configure } from '@storybook/angular';

// automatically import all files ending in *.stories.ts
configure(require.context('../src/stories', true, /\.stories\.ts$/), module);

/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */

import {
    configure,
    addDecorator
} from '@storybook/angular';

// automatically import all files ending in *.demo.ts
const req = require.context('.', true, /.demo.ts$/);

function loadStories() {
    req.keys().forEach((filename) => req(filename));
}

configure(loadStories, module);

import { configure } from '@storybook/angular';

function loadStories() {
  require('../src/app/error-message/error-message.stories');
  require('../src/app/search-result/search-result.stories');
  require('../src/app/search-results/search-results.stories');
}

configure(loadStories, module);

}

addParameters({
  options: {
    fullScreen: true,
    panelPosition: 'bottom',
    sidebarAnimations: false,
    enableShortcuts: true,
    isToolshown: true,
    theme: undefined,
    brandTitle: 'Angular Template for Threejs',
    brandUrl: 'https://github.com/makimenko/angular-template-for-threejs'
  },
});

configure(loadStories, module);

}
    Object.keys(knobs).forEach(name => {
      if (typeof knobs[name] === 'function') {
        parameters.props[name] = knobs[name]();
      }
    });
  }
  return story();
});

addons.getChannel().on(CURRENT_THEME, theme => {
  document.documentElement.setAttribute('storybook-carbon-theme', theme);
});

const req = require.context('../../src/components', true, /\-story\-angular\.[jt]s$/);
configure(req, module);

import { configure, addDecorator } from '@storybook/angular';
import { withNotes } from '@storybook/addon-notes';

addDecorator(withNotes);
function loadStories() {
  require('../stories/index.ts');
}

configure(loadStories, module);

import { configure } from '@storybook/angular';
import '!style-loader!css-loader!sass-loader!@angular-mdc/theme/material.scss';

function loadStories() {
  const req = require.context('../', true, /\.stories\.ts$/);
  req.keys().forEach(filename => req(filename));
}

configure(loadStories, module);