SolidJS•4mo ago

Appropiate type for Router root

Help me get rid of this error. I put an any on it but linter complains at me. What would be appropriate type for props here?

export default (props: any) => {
    return (
        <div class={"w-screen h-screen bg-gray-200 p-4"}>
            <Sidenav.Component baseUri={'/dash'}>
                <Sidenav.Nav
                    name={'Principal'}
                    route={'/'}
                    icon={principalIcon}
                />

                <Sidenav.Group
                    name={'Catalogo'}
                    icon={constructionIcon}
                >
                    <Sidenav.Nav
                        name={'Item'}
                        route={'/construction/catalog'}
                    />
                </Sidenav.Group>
            </Sidenav.Component>
            {props.children}
        </div>
    );
};

export default (props: any) => {
    return (
        <div class={"w-screen h-screen bg-gray-200 p-4"}>
            <Sidenav.Component baseUri={'/dash'}>
                <Sidenav.Nav
                    name={'Principal'}
                    route={'/'}
                    icon={principalIcon}
                />

                <Sidenav.Group
                    name={'Catalogo'}
                    icon={constructionIcon}
                >
                    <Sidenav.Nav
                        name={'Item'}
                        route={'/construction/catalog'}
                    />
                </Sidenav.Group>
            </Sidenav.Component>
            {props.children}
        </div>
    );
};

2 Replies

Brendonovich•4mo ago

props: RouteSectionProps should do it

mrViniciusOP•4mo ago

Thanks sir! previously i was wrapping it in a Component<> lol

Gaming

Programming

Appropiate type for Router root