useAsImmutable Not Detecting

[selsamman]

useAsImmutable detects when any sub-ordinate properties are changed but not when the property itself changes.

For example:

   const news = observable({
            topics: ["politics", "tech", "cooking"],
            results: ""
        });
        const App = observer( function App () {
            useLayoutEffect( () => {
                    news.results = news.topics.join(",");
                }, [useAsImmutable(news.topics)]
            );
            return (<div>{news.results}</div>);
        });
  

Adding a new new topic will work as expected and fire the effect but replacing news.topics with a new array is not detected.