feat: Disable SSR flag

[marcincodes]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Describe the Feature Request

Add option to generated react libraries with disabled SSR in React

Describe the Use Case

Generated components should be able to omit SSR phase of rendering in multiple react ssr frameworks like Next.js, Remix and other

Describe Preferred Solution

Wrap every component in "no SSR" component when flag is enabled

Describe Alternatives

Using https://github.com/kadirahq/react-no-ssr when consuming component or add such wrapper into every project

Related Code

You can easily disable SSR using componentDidMount/useEffect:

class NoSSR extends React.Component {
  constructor(...args) {
    super(...args);
    this.state = {
      canRender: false
    };
  }

  componentDidMount() {
    this.setState({canRender: true});
  }

  render() {
    const { children, onSSR = <DefaultOnSSR />} = this.props;
    const { canRender } = this.state;

    return canRender ? children : onSSR;
  }
}

Source: https://github.com/kadirahq/react-no-ssr/blob/master/src/index.js

Additional Information

Sample hydration mismatch in Next.js app:

Similar issue: #226

Edit: I'm happy to help to contribute this feature if you want it in react output target