invalid-set-state-in-effect-verbose-derived-event.js — react Source File
Architecture documentation for invalid-set-state-in-effect-verbose-derived-event.js, a javascript file in the react codebase. 1 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR 9b81f231_dcf5_8abe_42ef_6f4e149fe331["invalid-set-state-in-effect-verbose-derived-event.js"] ac587885_e294_a1e9_b13f_5e7b920fdb42["react"] 9b81f231_dcf5_8abe_42ef_6f4e149fe331 --> ac587885_e294_a1e9_b13f_5e7b920fdb42 style 9b81f231_dcf5_8abe_42ef_6f4e149fe331 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
// @validateNoSetStateInEffects @enableVerboseNoSetStateInEffect
import {useState, useEffect} from 'react';
function VideoPlayer({isPlaying}) {
const [wasPlaying, setWasPlaying] = useState(isPlaying);
useEffect(() => {
if (isPlaying !== wasPlaying) {
setWasPlaying(isPlaying);
console.log('Play state changed!');
}
}, [isPlaying, wasPlaying]);
return <video />;
}
export const FIXTURE_ENTRYPOINT = {
fn: VideoPlayer,
params: [{isPlaying: true}],
};
Domain
Subdomains
Functions
Dependencies
- react
Source
Frequently Asked Questions
What does invalid-set-state-in-effect-verbose-derived-event.js do?
invalid-set-state-in-effect-verbose-derived-event.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 invalid-set-state-in-effect-verbose-derived-event.js?
invalid-set-state-in-effect-verbose-derived-event.js defines 1 function(s): VideoPlayer.
What does invalid-set-state-in-effect-verbose-derived-event.js depend on?
invalid-set-state-in-effect-verbose-derived-event.js imports 1 module(s): react.
Where is invalid-set-state-in-effect-verbose-derived-event.js in the architecture?
invalid-set-state-in-effect-verbose-derived-event.js is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-derived-event.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