Can I use use Typescript 4.9 satisfies syntax in Storybook 6.x

[damiangreen]

Or do i need to update to Storbook 7,x to do so?

My current main.ts

const path = require('path')
const SRC_DIR = path.resolve(__dirname, '../src')
const reGraphql = /\.(graphql|gql)$/
const reStyle = /\.(css|styl|scss|sass|sss)$/

module.exports = {
  features: {
    previewCsfV3: true,
  },
  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
  addons: [
    '@storybook/addon-links',
    '@storybook/addon-essentials',
    '@storybook/preset-ant-design',
    '@storybook/addon-docs',
  ],
  typescript: {
    reactDocgen: '@storybook-addons/react-docgen-typescript-loader',
  },
  babel: async (options: any) => ({
    ...options,
    plugins: [
      [
        'formatjs',
        {
          idInterpolationPattern: '[sha512:contenthash:base64:6]',
          ast: true,
        },
      ],
    ],
  }),
  webpackFinal: (config: any) => {
    return {
      ...config,
      resolve: {
        ...config.resolve,
        modules: [...(config.resolve.modules || []), '../src'],
      },
      module: {
        ...config.module,
        rules: [
          ...config.module.rules.filter(
            (f: any) => f.test.toString() !== '/\\.css$/',
          ),
          {
            test: reGraphql,
            exclude: /node_modules/,
            loader: 'graphql-tag/loader',
          },
          {
            test: reStyle,
            rules: [
              // Convert CSS into JS module
              {
                issuer: { not: [reStyle] },
                use: 'isomorphic-style-loader',
              },

              // Process external/third-party styles
              {
                exclude: SRC_DIR,
                loader: 'css-loader',
                options: {
                  sourceMap: true,
                  minimize: false,
                },
              },

              // Process internal/project styles (from src folder)
              {
                include: SRC_DIR,
                loader: 'css-loader',
                options: {
                  // CSS Loader https://github.com/webpack/css-loader
                  importLoaders: 1,
                  sourceMap: true,
                  // CSS Modules https://github.com/css-modules/css-modules
                  modules: true,
                  localIdentName: true
                    ? '[name]-[local]-[hash:base64:5]'
                    : '[hash:base64:5]',
                  // CSS Nano http://cssnano.co/
                  minimize: false,
                },
              },

              // Apply PostCSS plugins including autoprefixer
              {
                loader: 'postcss-loader',
                options: {
                  config: {
                    path: './tools/config/postcss.config.js',
                  },
                },
              },
            ],
          },
        ],
      },
    }
  },
}

[damiangreen]

discovered yes you can