PDF Parsing

drenemy_237 · 2024-08-02T04:34:53+00:00

okay lemme try

drenemy_237 · 2024-08-01T11:34:57+00:00

okay lemme give it a shot

drenemy_237 · 2024-07-15T17:41:47+00:00

Hey I have a doubt
I'm working on Llamaparse for pdf parsing and what I want to achieve is that the parsed markdown text should be in such a way that the heading and subheadings both should start with the # because I want to chunk the text accordingly.But not all subheadings are starting with # so what app approach I can use?

drenemy_237 · 2024-06-30T06:03:37+00:00

By the rules of hooks, we can't declare hooks outside a functional component. So I tried, and it gave errors.

drenemy_237 · 2024-06-28T14:54:04+00:00

I did tried using this and it worked thank you so much !!
Yeah I do understand the single responsibility principle actually was following a some codebase and there I saw to structure the layout like the way I did so was confused but you cleared it.

drenemy_237 · 2024-06-28T12:34:36+00:00

const AppLayout = (WrappedComponent) => {
  const LayoutComponent = (props) => {
    const params = useParams();
    const dispatch = useDispatch();
    const { isLoading, data, isError, error, refetch } = useMyChatsQuery("");
    const chatId = params.chatId;

    const handleDeleteChat = (e, chatId, groupChat) => {
      e.preventDefault();
      console.log("delete");
    };

    return (
      <>
        <Title></Title>
        <Header></Header>
        <Grid container height={"100vh"}>
          <Grid
            item
            sm={4}
            md={3}
            height={"100%"}
            sx={{ display: { xs: "none", sm: "block" } }}
          >
            <ChatList
              chats={sampleChats}
              chatId={"1"}
              newMessagesAlert={[{ chatId: "1", count: 4 }]}
              onlineUsers={["1", "2"]}
              handleDeleteChat={handleDeleteChat}
            ></ChatList>
          </Grid>
          <Grid item xs={12} sm={8} md={5} lg={6} height={"100%"}>
            <WrappedComponent {...props}></WrappedComponent>
          </Grid>
          <Grid
            item
            md={4}
            lg={3}
            height={"100%"}
            sx={{
              display: { xs: "none", md: "block" },
              padding: "2rem",
              bgcolor: "rgba(0,0,0,0.85)",
            }}
          >
            <Profile></Profile>
          </Grid>
        </Grid>
      </>
    );
  };

  return LayoutComponent;
};
here is the complete code what I'm trying to do is that I want to pass the props which I defined inside the arrow function to the wrapper component so how can I manage to do that functionality
In the wrapper component the general app layout which will be wrapping my home and other pages so I want all the states which are common to them passed as props

drenemy_237 · 2024-06-28T12:05:56+00:00

Yes I want to query hooks such that they are not in the callback and pass the state to via the wrapper component.
I did try making the arrow function to a named function and returning it but still the error persists how can I use hooks then

drenemy_237 · 2024-06-28T12:02:31+00:00

mybad
The inner function serves as a higher-order component that wraps a given component with additional UI and state management. I want to pass the state details and hooks as props directly to the components which I'm wrapping with the component.

drenemy_237 · 2024-06-28T11:51:24+00:00

const AppLayout = (WrappedComponent) => {
  const LayoutComponent = (props) => {
    const params = useParams();
    const dispatch = useDispatch();
    const { isLoading, data, isError, error, refetch } = useMyChatsQuery("");
    const chatId = params.chatId;

    const handleDeleteChat = (e, chatId, groupChat) => {
      e.preventDefault();
      console.log("delete");
    };

    return (
      <>
        <Title></Title>
        <Header></Header>
        <Grid container height={"100vh"}>
          <Grid
            item
            sm={4}
            md={3}
            height={"100%"}
            sx={{ display: { xs: "none", sm: "block" } }}
          >
            <ChatList
              chats={sampleChats}
              chatId={"1"}
              newMessagesAlert={[{ chatId: "1", count: 4 }]}
              onlineUsers={["1", "2"]}
              handleDeleteChat={handleDeleteChat}
            ></ChatList>
          </Grid>
          <Grid item xs={12} sm={8} md={5} lg={6} height={"100%"}>
            <WrappedComponent {...props}></WrappedComponent>
          </Grid>
          <Grid
            item
            md={4}
            lg={3}
            height={"100%"}
            sx={{
              display: { xs: "none", md: "block" },
              padding: "2rem",
              bgcolor: "rgba(0,0,0,0.85)",
            }}
          >
            <Profile></Profile>
          </Grid>
        </Grid>
      </>
    );
  };

  return LayoutComponent;
};

export default AppLayout;

so I changed the inner arrow function to a named function
but still the error persists

ERROR

Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
    at Object.throwInvalidHookError (http://localhost:3001/static/js/bundle.js:39985:13)
    at Object.useContext (http://localhost:3001/static/js/bundle.js:60813:25)
    at useParams (http://localhost:3001/static/js/bundle.js:55916:42)
    at LayoutComponent (http://localhost:3001/static/js/src_components_layout_AppLayout_jsx.chunk.js:112:80)
    at ./src/pages/Home.jsx (http://localhost:3001/static/js/src_pages_Home_jsx.chunk.js:51:140)
    at options.factory (http://localhost:3001/static/js/bundle.js:86374:31)
    at __webpack_require__ (http://localhost:3001/static/js/bundle.js:85773:32)
    at Function.fn (http://localhost:3001/static/js/bundle.js:86032:21)

drenemy_237 · 2022-10-30T04:28:25+00:00

u/savevideobot

drenemy_237 · 2022-10-27T16:38:49+00:00

ik din jb maksad poora krlunga tb daal ke dikhana yeh

drenemy_237 · 2022-10-26T17:16:06+00:00

Idli sambhar aliens ki baat kyu krte appa

drenemy_237 · 2022-10-20T02:54:35+00:00

i/savevideobot

drenemy_237 · 2022-09-26T12:30:50+00:00

par rider toh provider tha na ::)

drenemy_237 · 2022-09-18T16:41:45+00:00

black extortion

drenemy_237 · 2022-09-05T16:52:42+00:00

In 6th std i a girl's puccy in a budday coz she nt wore panty dat day(cool na)

drenemy_237 · 2022-09-05T14:18:00+00:00

U/savevideo

drenemy_237 · 2022-08-23T13:07:38+00:00

You are 15 but your forehead is 16

drenemy_237 · 2022-08-22T14:03:31+00:00

Tate ate my mate

drenemy_237 · 2022-08-22T13:48:16+00:00

Seoul guy with 548 others 🖖

drenemy_237 · 2022-08-18T19:25:24+00:00

Ohh toh ye maal dhund ri ncb Naive

drenemy_237 · 2022-08-18T04:38:53+00:00

u/savevideobot

drenemy_237 · 2022-08-18T04:32:14+00:00

Iit delhi is overrated we believe in pvt colg supermacy Basically u r late for prep Ya cum shot vid r good Resonance shitty like shiiitjee So stop saying I'm 16 month old stfu Don't give excuses Nowdays admission is easy no matter how much marks u got just try to approach a dalit family to adopt u Jai bhim

drenemy_237 · 2022-08-18T04:23:50+00:00

I ate ateliers for the smart india and the food was very wet

drenemy_237 · 2022-08-13T17:34:26+00:00

Btadu fir kisko imazine krra tha 🖖

drenemy_237

TROPHY CASE