rua.wolf Posts - Answer Overflow

rua.wolf

•Created by rua.wolf on 7/15/2023 in #👟framework

Type error in mountInterval of PlasmoCSUIMountState

I want to execute clearInterval(mountState.mountInterval) in getRootContainer, but the type of mountInterval in PlasmoCSUIMountState is NodeJS.Timer. I think number is the return type since CSUI runs in a browser.

3 replies

PD🧩 Plasmo Developers

•Created by rua.wolf on 7/8/2023 in #👟framework

getInlineAnchor loops infinitely in React application

Hello, I am trying to add a new button to Twitter using getInlineAnchor, but I get an infinite loop and my browser crashes.

<div role="navigation">
    <div></div>
    <div></div>
    <div></div>
    here
</div>

<div role="navigation">
    <div></div>
    <div></div>
    <div></div>
    here
</div>

I want to mount a component at the end of a child element of such a tree, but using >*:last-child like document.querySelector('[role="navigation"]>*:last-child') would result in an infinite loop. I tried with other React apps and got the same situation, so I wonder if I'm specifying it the wrong way? Here is the actual code I used.

export const getInlineAnchor: PlasmoGetInlineAnchor = () => {
    console.log("call");
    return document.querySelector('header [role="navigation"]>*:last-child');
}

const CustomButton: FC<PlasmoCSUIProps> = () => {
    return <p>str</p>;
}
export default CustomButton;

export const getInlineAnchor: PlasmoGetInlineAnchor = () => {
    console.log("call");
    return document.querySelector('header [role="navigation"]>*:last-child');
}

const CustomButton: FC<PlasmoCSUIProps> = () => {
    return <p>str</p>;
}
export default CustomButton;

I would appreciate it if you could let me know.

4 replies

Gaming

Programming