/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 vote154 views1 answer
Permalink of pending posts not working
TypeScript
1 vote172 views1 answer
ERROR in ngcc is already running at process with id 8108. If you are running multiple builds in parallel then you should pre-process your node_modules via the command line ngcc tool before starting the builds;
TypeScript
0 vote166 views1 answer
How can i add multiple arguments in discord,js
TypeScript
5 votes182 views2 answers
Formgroup check if valid
TypeScript
1 vote211 views1 answer
Module '"@angular/common/http"' has no exported member 'RequestOptions'
TypeScript
1 vote131 views1 answer
Typescript get unknown property
TypeScript
0 vote188 views1 answer
Online ts compiler
TypeScript
1 vote180 views1 answer
:= and = in gdscript
TypeScript
0 vote137 views1 answer
How to permit only a few values in dbms
TypeScript
1 vote162 views1 answer
Typescript add comments to interface prop[
TypeScript