component that should not update and will not update when not intended

ShouldNotUpdateWithState.js

class ShouldNotUpdate extends React.Component {
  shouldComponentUpdate(nextProps, nextState) {
    return this.props.type !== nextProps.type;    
  }
  
  render() {
    return 'I am rendering...';
  }
}

function Parent({someCondition}) {
  let child, type;
  if (someCondition) {
    child = <div className="type_b" />;
    type = 'b';
  } else {
    child = <div className="type_a" />;
    type = 'a';
  }

  return (
    <ShouldNotUpdate type={type}>
      {child}
    </ShouldNotUpdate>
  );
}