perf(Blocks,Block): add deep comparison to block/blocks memo call

React.memo uses a shallow comparison, which isn't enough in this case.

Using [welldone-software/why-did-you-render](https://github.com/welldone-software/why-did-you-render)

I found our homepage content would update 12 times in one load with the wdyr message

"different objects that are equal by value".

This change adds a deep comparison, which when tested via patch-package, eliminated those re-renders.

Author: jakequade-pc

.changeset/fair-islands-think.md

@@ -0,0 +1,5 @@
+---
+"@builder.io/sdk-react-native": patch
+---
+
+Added deep memo comparison using react-fast-compare.

packages/sdks/mitosis.config.cjs

@@ -174,12 +174,20 @@ const MEMOIZING_BLOCKS_COMPONENT_PLUGIN = () => ({
           imports: { memo: 'memo' },
           path: 'react',
         });
+        json.imports.push({
+          imports: { isEqual: 'default' },
+          path: 'react-fast-compare',
+        });
       }
       if (json.name === 'Blocks') {
         json.imports.push({
           imports: { memo: 'memo' },
           path: 'react',
         });
+        json.imports.push({
+          imports: { isEqual: 'default' },
+          path: 'react-fast-compare',
+        });
 
         json.hooks.init = {
           code: `
@@ -240,13 +248,13 @@ const MEMOIZING_BLOCKS_COMPONENT_PLUGIN = () => ({
       if (json.name === 'Blocks') {
         return code.replace(
           'export default Blocks',
-          'export default memo(Blocks)'
+          'export default memo(Blocks, isEqual)'
         );
       }
       if (json.name === 'Block') {
         return code.replace(
           'export default Block',
-          'export default memo(Block)'
+          'export default memo(Block, isEqual)'
         );
       }
       return code;

packages/sdks/output/react-native/package.json

@@ -111,6 +111,7 @@
     "@react-native-async-storage/async-storage": "1.23.1",
     "css-to-react-native": "^3.2.0",
     "isolated-vm": "^6.0.0",
+    "react-fast-compare": "^3.2.2",
     "react-native-storage": "^1.0.1",
     "react-native-video": "^5.1.1"
   },

yarn.lock

@@ -7093,6 +7093,7 @@ __metadata:
     babel-plugin-module-resolver: ^5.0.0
     css-to-react-native: ^3.2.0
     isolated-vm: ^6.0.0
+    react-fast-compare: ^3.2.2
     react-native-builder-bob: ^0.21.3
     react-native-storage: ^1.0.1
     react-native-url-polyfill: ^2.0.0