Rerender problem

[retyui]

How to solve the next problem:

// @flow
import React, { useState, useCallback } from 'react';
import fbt, { IntlViewerContext } from 'fbt';

const Links = () => {
  return <fbt desc="test">Text link</fbt>;
};

const App = () => {
  const setState = useState({})[1];
  const onClick = useCallback(() => {
    IntlViewerContext.locale = Math.random() > 0.5 ? 'en_GB' : 'de_DE';
    setState({});
  }, [setState]);

  return (
    <div onClick={onClick}>
      <fbt desc="test">Title</fbt>
      <Links />
      {/*
         rerender a `<Links/>` component never would call
         and text does not change when set new locale
      */}
    </div>
  );
};

[jrwats]

Hi @retyui, I see you closed this, but I was going to say the state needs to depend on the locale. You can see how the Example app does this here:

https://github.com/facebookincubator/fbt/blob/master/demo-app/src/example/Example.react.js#L89-L90