@visma/react-intl-bundled-messages

IntlProvider that lazy loads messages in current language in Webpack environment.

Usage

1. Add module resolve alias. In Webpack config:

   import bundledMessagesWebpackAlias from '@visma/react-intl-bundled-messages/lib/webpackAlias.js';
   
   export default {
     //...
     resolve: {
       alias: {
         ...bundledMessagesWebpackAlias(mode),
       },
     },
   };

2. Build messages using @visma/formatjs-scripts

3. Add IntlProvider:

   import { IntlProvider } from '@visma/react-intl-bundled-messages';
   
   function App() {
     return <IntlProvider>...</IntlProvider>;
   }