clearContainer is not a function

[yjwSurCode]

clearContainer is not a function why？？

[yjwSurCode]

{
"name": "cra-reconciler",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-reconciler": "^0.26.2",
"react-scripts": "4.0.3",
"web-vitals": "^1.0.1"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}

[cliffordfajardo]

Add an empty clearContainer method and that should resolve the problem:

clearContainer(container) {},

Working code:

• https://codesandbox.io/s/react-dom-mini---react16-10-02-forked-ndc3jd?file=/src/ReactDOMMini.js:2044-2066

Follow Ups (UPDATE RESOLVED ✅ )

The problem I'm now getting once upgrading to react 17.0.2 is that onClick doesn't work. I am getting the following error:

Uncaught TypeError: Cannot read properties of undefined (reading 'return')

• https://codesandbox.io/s/react-dom-mini---react16-10-02-forked-ndc3jd?file=/src/ReactDOMMini.js:2044-2066

CleanShot.2022-03-21.at.11.13.28.mp4

If you don't have prepareCommit returning null you will see the error in the video ^:

  // ✅ RESOLVED  error "Uncaught TypeError: Cannot read properties of undefined (reading 'return')"
  prepareForCommit() {
    return null
  },

Found the solution in this thread

• Bug: React-17.0.0-rc.0 react-reconciler focusedInstanceHandle crash facebook/react#19582

Additional Resources

• A really in depth 3 part blog series on the react-reconciler https://blog.atulr.com/react-custom-renderer-1/