@rockpack/localazer/lib/esm/Localization.js

This module can help you organize localization in your React application

import React, { Component } from 'react';
import { isFunction, isString } from 'valid-types';
import { getID, components } from './LocalizationObserver';
class Localization extends Component {
    componentDidMount() {
        this.id = getID();
        components[this.id] = this;
    }
    componentWillUnmount() {
        delete components[this.id];
    }
    render() {
        return isFunction(this.props.children) ? (React.createElement("span", { className: `localization-node ${isString(this.props.className) ? this.props.className : ''}`, dangerouslySetInnerHTML: { __html: this.props.children() } })) : null;
    }
}
export default Localization;