How to cancel the redrawing of functional components?

Question

React

Hello, I have a global repository like Redux. With the help of the context, I distribute the state to the entire application:

<StoreProvider>
    <Router>
        <Fragment>
          <Header />
          <Main>
              <Literature />
          </Main>
        </Fragment>
    </Router>
</StoreProvider>

The Literature component has an input that changes this state. Because of this, the entire application starts to redraw. How do I cancel the redraw if the component is stateless. Tried to use React.memo , but it compares props. For example, the Header component does not accept props at all.

Answer 1

export default React.memo(Header);

Answer 2

You can try using https://reactjs.org/docs/react-component.html#shou...
Return always false in this hook.