Twig In React Storybook

TwigTest.stories.js

import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { text } from '@storybook/addon-knobs';

import template from './TestTwig.twig';
import chip from '~../../../twig-assets/e-chip.twig';
const templateTwig = (
  chip({
    description: 'Description',
    designer: 'Designer',
    price: '$400'
  })
)

storiesOf('Core', module).add(
  'Test Twig',
  () => (
    <div dangerouslySetInnerHTML={{__html: templateTwig}}></div>
  ),
  { notes }
);

webpack.config.js

// in .storybook directory
// Export a function. Accept the base config as the only param.
module.exports = async ({ config, mode }) => {
  // `mode` has a value of 'DEVELOPMENT' or 'PRODUCTION'
  // You can change the configuration based on that.
  // 'PRODUCTION' is used when building the static version of storybook.

  // Make whatever fine-grained changes you need
  config.module.rules.push({
    test: /\.twig$/,
    loader: "twig-loader",
    options: {
      // See options section below
    },
  });

  // Return the altered config
  return config;
};