/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

0 vote138 views1 answer
Typescript pick type from interface
TypeScript
1 vote125 views1 answer
Check all elements in list are false python
TypeScript
1 vote148 views2 answers
Property 'userId' does not exist on type 'Session & Partial<SessionData>'.ts(2339)
TypeScript
41 votes157 views3 answers
Get last n elements from list java
TypeScript
3 votes119 views1 answer
Typescript req.query.query
TypeScript
1 vote118 views1 answer
Angular innerhtml style not working
TypeScript
3 votes145 views2 answers
Cannot find name 'require'. Do you need to install type definitions for node? Try `npm i @types/node` and then add `node` to the types field in your tsconfig.
TypeScript
0 vote134 views1 answer
Angular typescript filter array group by attribute
TypeScript
1 vote141 views1 answer
Shortcuts for ajax in vscode
TypeScript
0 vote108 views1 answer
Count li elements jquery
TypeScript