/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

9 votes135 views6 answers
Angular reload component
TypeScript
0 vote147 views1 answer
Can check constraints reference other tables
TypeScript
1 vote125 views1 answer
Test management
TypeScript
6 votes128 views1 answer
Angular forkjoin
TypeScript
0 vote133 views1 answer
C# linq get list of objects based on another list
TypeScript
0 vote117 views2 answers
How to hack a roblox password
TypeScript
1 vote135 views1 answer
Roblox finding points around a circle using radius, center, and angle
TypeScript
1 vote116 views1 answer
Benefits eat halim plant leaves
TypeScript
0 vote129 views1 answer
Instruments du marché monétaire
TypeScript
0 vote124 views1 answer
Scripted testing and exploratory testing
TypeScript