After #3395 started facing SSR infinite render loop that leads to "Maximum call stack size exceeded"

[andrew-bn]

After fix #3395 started getting stack overflow during SSR.
Am I doing something wrong?

Using:
"react": "^18.2.0",
"mobx": "^6.6.1",
"mobx-react": "^7.5.1"
"typescript": "^4.7.4".

TypeScript options

    "experimentalDecorators": true,
     "useDefineForClassFields": true,

Test component

import React from "react";
import {observer} from "mobx-react";

@observer
export class TestControl extends React.Component {

    render() {
        return ":)";
    }
}

Rendering

//...
import {configure} from "mobx";
import { enableStaticRendering } from "mobx-react";
//...
// configuring for ssr
configure({enforceActions: "never"});
enableStaticRendering(true); // if keep 'false' then all works, but is not recommended for SSR

//... somewhere during rendering
let elem = <TestControl/>;
result = ReactDOMServer.renderToString(elem); 

Infinite loop occurs in observerClass.ts

    target.render = function () {
        if (!isUsingStaticRendering()) {
            this.render = createReactiveRender.call(this, originalRender)
        }
        return this.render() // during this call again entering same render function
    }

[mweststrate]

Looks like that should be return originalRender.call(this) indeed if I read things correctly? cc @urugator. Feel free to put up a PR.

[andrew-bn]

return originalRender.call(this)

Looks like this will not help. Need a contribution from @urugator . Right now just switching back to working revision 7.5.0

[urugator]

#3452