Компонент mobx не перерисовывается при вызове функции get

Компонент mobx не перерисовывается

Я хочу сделать, если я меняю значения, то компонент Testcomponen перерисовывается, но этого не происходит

вот так выглядит мой store

import { makeObservable, observable, runInAction } from 'mobx';

class Test {
  test: boolean = false;

  constructor() {
    makeObservable(this, {
      test: observable,
    });
  }

  testValue(data: boolean) {
    this.test = data;
  }

  get testFun() {
    return this.test;
  }
}

export default Test;

Когда меняется значение переменной test, хочу чтобы мой компоненты ещё раз перередрировался с новым значением автоматически

   import { observer } from 'mobx-react-lite';
    import React from 'react';
    import Store from 'src/store';
    
    const store1 = new Store();
    const Testcomponent = () => {
    let r = store1.searchFun;
    console.log(r);
    
    return <div>test</div>;
    };
    
    export default observer(Testcomponent);

В другом компоненте я вызываю такую функцию, но у меня в компоненте Testcomponent не происходит нового рендера, как это исправить?

import React from 'react';
import Store from 'src/store';

const store1 = new Store();
const Testcomponent2 = () => {

Store.searchValue(true);


};

export default Testcomponent2;