/TypeScript/React router dom private route typescript

React router dom private route typescript

import * as React from "react";
import { Route } from "react-router-dom";

interface IProps {
    exact?: boolean;
    path: string;
    component: React.ComponentType<any>;
}

const LoggedOutRoute = ({
    component: Component,
    ...otherProps
}: IProps) => (
    <>
        <header>Logged Out Header</header>
        <Route
            render={otherProps => (
                <>
                    <Component {...otherProps} />
                </>
            )}
        />
        <footer>Logged Out Footer</footer>
    </>
);

export default LoggedOutRoute;

Source: stackoverflow.com

Similar codes

1 vote253 views1 answer
Next js onclick navigate
TypeScript
0 vote265 views1 answer
Pick<Pick<Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>
TypeScript
0 vote265 views1 answer
Angular animation done event type typescript
TypeScript
0 vote275 views2 answers
Adding font in nextjs
TypeScript
0 vote258 views1 answer
Vue 3 bootstrap 5 tooltip
TypeScript
0 vote255 views1 answer
Destroy objects when they move below camera unity
TypeScript
2 votes214 views1 answer
Make props optional react typescript
TypeScript
1 vote234 views1 answer
Vue components import each other recursive
TypeScript
0 vote247 views1 answer
Running scripts is disabled on this system
TypeScript
10 votes243 views1 answer
Fucking sass
TypeScript