@preact-signals/safe-react/swc/fixtures/rare_components/out.js

Manage state with style in React

import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";

let Jopa;
Jopa = ()=>{
    var _effect = _useSignals();
    try {
        return <>{a.value}</>;
    } finally{
        _effect.f();
    }
};
Jopa = function() {
    var _effect = _useSignals();
    try {
        return <>{a.value}</>;
    } finally{
        _effect.f();
    }
};
const A = {
    Beb() {
        var _effect = _useSignals();
        try {
            return <>10</>;
        } finally{
            _effect.f();
        }
    }
};
A.bebe.Baba = ()=>{
    var _effect = _useSignals();
    try {
        return <div>{a.value}</div>;
    } finally{
        _effect.f();
    }
};
const Beb = {
    A: ()=>{
        var _effect = _useSignals();
        try {
            return <div/>;
        } finally{
            _effect.f();
        }
    }
};

const _ = {
    ['Aboba']() {
        var _effect = _useSignals();
        try {
            return <div/>;
        } finally{
            _effect.f();
        }
    }
}