Home / File/ repro-dont-memoize-array-with-mutable-map-after-hook.js — react Source File

repro-dont-memoize-array-with-mutable-map-after-hook.js — react Source File

Architecture documentation for repro-dont-memoize-array-with-mutable-map-after-hook.js, a javascript file in the react codebase. 2 imports, 0 dependents.

File javascript TestingUtilities Fixtures 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  5f352654_325d_d8cf_a8ba_98e0b610c645["repro-dont-memoize-array-with-mutable-map-after-hook.js"]
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  5f352654_325d_d8cf_a8ba_98e0b610c645 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  006eec3d_77a9_4a47_e6c1_a96d7a6c9c05["shared-runtime"]
  5f352654_325d_d8cf_a8ba_98e0b610c645 --> 006eec3d_77a9_4a47_e6c1_a96d7a6c9c05
  style 5f352654_325d_d8cf_a8ba_98e0b610c645 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {useEffect, useState} from 'react';
import {mutate} from 'shared-runtime';

function Component(props) {
  const x = [{...props.value}];
  useEffect(() => {}, []);
  const onClick = () => {
    console.log(x.length);
  };
  let y;
  return (
    <div onClick={onClick}>
      {x.map(item => {
        item.flag = true;
        return <span key={item.id}>{item.text}</span>;
      })}
      {mutate(y)}
    </div>
  );
}

export const FIXTURE_ENTRYPOINT = {
  fn: Component,
  params: [{value: {id: 0, text: 'Hello', flag: false}}],
  isComponent: true,
};

Subdomains

Functions

Dependencies

  • react
  • shared-runtime

Frequently Asked Questions

What does repro-dont-memoize-array-with-mutable-map-after-hook.js do?
repro-dont-memoize-array-with-mutable-map-after-hook.js is a source file in the react codebase, written in javascript. It belongs to the TestingUtilities domain, Fixtures subdomain.
What functions are defined in repro-dont-memoize-array-with-mutable-map-after-hook.js?
repro-dont-memoize-array-with-mutable-map-after-hook.js defines 1 function(s): Component.
What does repro-dont-memoize-array-with-mutable-map-after-hook.js depend on?
repro-dont-memoize-array-with-mutable-map-after-hook.js imports 2 module(s): react, shared-runtime.
Where is repro-dont-memoize-array-with-mutable-map-after-hook.js in the architecture?
repro-dont-memoize-array-with-mutable-map-after-hook.js is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-mutable-map-after-hook.js (domain: TestingUtilities, subdomain: Fixtures, directory: compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free