fix static errors for self closed tags and empty fragments

Author: Roshanjossey

app/Home.tsx

@@ -63,9 +63,7 @@ function MainView(props: { queryRef: PreloadedQuery<HomeQuery> }) {
 
   return (
     <Layout sidebarContentLeft={leftSidebar}>
-      <>
-        <Feed root={data} />
-      </>
+      <Feed root={data} />
     </Layout>
   )
 }

app/head.tsx

@@ -1,7 +1,7 @@
 export default function Head() {
   return (
     <>
-      <title></title>
+      <title>OpenSourcer</title>
       <meta content="width=device-width, initial-scale=1" name="viewport" />
       <link rel="icon" href="/favicon.ico" />
     </>

app/issues/Issues.tsx

@@ -56,12 +56,12 @@ export default function IssuesContainer({
 export function Issues(props: { queryRef: PreloadedQuery<IssuesQuery> }) {
   const data = usePreloadedQuery(IssuesQuery, props.queryRef)
   if (!data.viewer) {
-    return <></>
+    return <>User Not Found</>
   }
   return (
     <div>
       <Layout
-        sidebarContentRight={<></>}
+        sidebarContentRight={<>UserPage right sidebar</>}
         sidebarContentLeft={
           <Card>
             <UserDetails user={data.viewer} />

app/story/[id]/Story.tsx

@@ -40,21 +40,6 @@ type StoryProps = {
   cookies: string
 }
 
-export default function StoryContainer({
-  preloadedQuery,
-  cookies,
-}: StoryProps) {
-  const environment = getCurrentEnvironment(cookies)
-  const queryRef = useSerializablePreloadedQuery(environment, preloadedQuery)
-  return (
-    <RelayEnvironmentProvider environment={environment as Environment}>
-      <Suspense fallback="Loading...">
-        <Story queryRef={queryRef} />
-      </Suspense>
-    </RelayEnvironmentProvider>
-  )
-}
-
 const Story = (props: { queryRef: PreloadedQuery<StoryQuery> }) => {
   const data = usePreloadedQuery(StoryQuery, props.queryRef)
   return (
@@ -75,3 +60,18 @@ const Story = (props: { queryRef: PreloadedQuery<StoryQuery> }) => {
     </div>
   )
 }
+
+export default function StoryContainer({
+  preloadedQuery,
+  cookies,
+}: StoryProps) {
+  const environment = getCurrentEnvironment(cookies)
+  const queryRef = useSerializablePreloadedQuery(environment, preloadedQuery)
+  return (
+    <RelayEnvironmentProvider environment={environment as Environment}>
+      <Suspense fallback="Loading...">
+        <Story queryRef={queryRef} />
+      </Suspense>
+    </RelayEnvironmentProvider>
+  )
+}

app/user/[handle]/UserPage.tsx

@@ -51,12 +51,12 @@ export default function UserContainer({ preloadedQuery, cookies }: StoryProps) {
 function User(props: { queryRef: PreloadedQuery<UserPageQuery> }) {
   const data = usePreloadedQuery(UserQuery, props.queryRef)
   if (!data.user) {
-    return <></>
+    return <>User Not Found</>
   }
   return (
     <div>
       <Layout
-        sidebarContentRight={<></>}
+        sidebarContentRight={<>UserPage right sidebar</>}
         sidebarContentLeft={
           <Card>
             <UserDetails user={data.user} />

src/components/feed/StoryPreview.tsx

@@ -38,7 +38,7 @@ const StoryPreview = ({ story }: StoryPreviewProps) => {
             {data.thumbnail ? (
               <img className="cover-image" src={data.thumbnail} alt="" />
             ) : (
-              <div className="image-placeholder bg-gray-100 dark:bg-dark-500"></div>
+              <div className="image-placeholder bg-gray-100 dark:bg-dark-500" />
             )}
           </div>
           <div className="px-4 pb-4">

src/components/navbar/Navbar.tsx

@@ -19,7 +19,7 @@ export default function Navbar({ isDrawerOpen, setIsDrawerOpen }: NavbarProps) {
     <nav className="fixed top-0 left-0 right-0 z-10 w-full h-16 bg-white dark:bg-dark-700 p-3 shadow-sm">
       <div className="container m-auto flex justify-between">
         <Link href="/">
-          <div className="logo w-10 h-10"></div>
+          <div className="logo w-10 h-10" />
         </Link>
         <div className="space-x-4 flex">
           <ThemeButton />